굵은 글씨로 필수 입력란 표시

Question

HTML 양식이 있습니다. 필드의 일부는 과감하게 표시해야합니다. 원칙적으로 이것이 HTML이 아닌 CSS에 들어가야합니까? 어떻게 할 건데?

input:required{ 
    font-weight:bold; 
} 

물론이 : 내 머리 위로의

<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> 속성을 사용하고자하는 경우, 당신이 할 수 있어야한다고 생각합니다 , 당신은 여기에 야생 가서 실제로 그것을 밖으로 서 있도록 국경과 모든 종류의 물건을 던지기 시작할 수 있습니다.

Answer 2

Singularity의 답변은 완벽하게 유효합니다. 완료를 위해 HTML5의 required 속성을 사용하지 않으려는 경우 같은 이름의 클래스를 필요한 입력에 추가하는 것이 좋습니다.

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

input.required { 
    font-weight: bold; 
} 

규칙을 적용한 자바 스크립트에서 해당 클래스를 자바 스크립트의 선택자로 사용할 수 있습니다.

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

당신이 요구 한 다른 질문에 대답하려면 : 그것은 순수하게 표상이기 때문에 bold 지시어는 CSS에 가야한다.