以粗体显示必填字段

Question

我有一个HTML表单。我想通过使它们变成粗体来表明一些字段是必需的。原则上，这应该进入CSS而不是HTML吗？你会怎么做？

<form action="doit" id="doit" method="post"> 
    <label> 
     Name 
     <input id="name" name="name" type="text" /> 
    </label> 
    <label> 
     Phone number 
     <input id="phone" name="phone" type="text" /> 
    </label> 
    <label> 
     Year 
     <input id="year" name="year" type="text" /> 
    </label> 
</form> 

Answer 1

我头顶的只是，我认为，如果你愿意使用HTML5和使用<input type="text" name="year" required>属性，你应该能够做到：

input:required{ 
    font-weight:bold; 
} 

，当然还有，你可以在这里狂放，开始投掷边界和各种各样的东西，使它真正脱颖而出。

Answer 2

奇点的答案是完全有效的。为了完成，如果您不愿意使用HTML5的required属性，我会建议将相同名称的类添加到所需的输入中。

<input type="text" name="firstname" class="required"> 

input.required { 
    font-weight: bold; 
} 

你可以在你的Javascript中进一步使用该类作为选择器，并在其中执行规则。

$(form).submit(function() { 
    $('input.required').each(function() { 
    if ($(this).val() === '') return false; 
    }); 
}); 

要回答你问其他的问题：bold指令应该在CSS，因为它是纯粹的表象。