Html 是否可以将样式应用于表单字段的值?

Html 是否可以将样式应用于表单字段的值?,html,css,Html,Css,我有一个表单输入标记,其中一些文本被分配给其值属性: <input type="text" name="firstName" value="First Name*" /> 由于这是必填字段,如何将名字*字符串末尾的星号设置为红色?这可能吗?。。。如何设置预填充表单字段的值的样式 谢谢。我认为您不能将一个字符设置为红色,但可以将整个字符串设置为红色 我可能会在输入框外设置星号,并将其设置为如下样式 <input ...value="FirstName"><span

我有一个表单输入标记,其中一些文本被分配给其值属性:

<input type="text" name="firstName" value="First Name*" />
由于这是必填字段,如何将名字*字符串末尾的星号设置为红色?这可能吗?。。。如何设置预填充表单字段的值的样式


谢谢。

我认为您不能将一个字符设置为红色,但可以将整个字符串设置为红色

我可能会在输入框外设置星号,并将其设置为如下样式

<input ...value="FirstName"><span style="color: #FF0000;">*</span>

我不认为可以将一个字符设置为红色,但可以将整个字符串设置为红色

我可能会在输入框外设置星号,并将其设置为如下样式

<input ...value="FirstName"><span style="color: #FF0000;">*</span>

我想你让事情变得更复杂了。也许有一种方法可以使用javascript或jquery,但我认为这太过分了


我会把它放在盒子的外面,然后把它放在一个标签里。

我想你把这件事弄得比它应该做的更复杂了。也许有一种方法可以使用javascript或jquery,但我认为这太过分了


我会把它放在盒子的外面,然后把它做成一个标签。

不,这是不可能的。你得假装一下

然而,这就是我们的目的

<label>First Name* <input name=firstName required></label>

不,不可能。你得假装一下

然而,这就是我们的目的

<label>First Name* <input name=firstName required></label>

即使有可能,这也不是一个好的做法。数据应始终与表示分开。除了需要发布的数据之外,您不需要其他任何东西


如果出现错误,最好使用jQuery解决方案,在post上简单地为输入字段分配一个类,例如,将输入框内的文本变为红色,在输入框周围绘制红色边框等。

即使可能,这也不是一个好的做法。数据应始终与表示分开。除了需要发布的数据之外,您不需要其他任何东西


最好使用jQuery解决方案,如果出现错误,只需在post上为输入字段分配一个类,例如使输入字段中的文本变为红色,在输入框周围绘制红色边框等。

如果使用asp.net,为什么不使用所需的字段验证程序控件并让它为您完成工作。

如果使用asp.net,为什么不使用所需的字段验证程序控件并让它为您完成工作。

而不是将*添加到字段中,我建议通过CSS和jQuery/JavaScript修改元素的样式来表示必填字段

工作示例:

CSS:

jQuery:

$('input').focus(function(){
    var obj= $(this);
    var oldVal = obj.val();

    obj.blur(function(){
        if(obj.val() == oldVal){
         obj.val('Please enter a valid option').addClass('required'); 
        }else{
         obj.removeClass('required');   
        }
    });
});

我建议不要将*添加到字段中,而是通过CSS和jQuery/JavaScript修改元素的样式来表示所需字段

工作示例:

CSS:

jQuery:

$('input').focus(function(){
    var obj= $(this);
    var oldVal = obj.val();

    obj.blur(function(){
        if(obj.val() == oldVal){
         obj.val('Please enter a valid option').addClass('required'); 
        }else{
         obj.removeClass('required');   
        }
    });
});
应将用作占位符,而不是值。应将用作占位符,而不是值。