以粗體顯示必填字段

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，因爲它是純粹的表象。