`required` 속성이 있는 HTML `필드에서 선택을 강제하는 방법은 무엇입니까?

HTML <select> 필수 속성을 사용한 필드 유효성 검사

<select>에 대한 명시적인 필수 속성 지원이 부족함에도 불구하고 HTML의 필드에서는 특정 HTML 구조와 함께 이 속성을 사용하여 선택을 강제할 수 있습니다.

요구 사항에는 <select> 필드가 비어 있어야 합니다. 기본적으로 <select> 첫 번째 값이 비어 있는 필드는 선택 사항으로 처리됩니다. 그러나 필드에 필수로 설정하면 선택이 필수가 됩니다.

사용 방법의 예는 다음과 같습니다.

<code class="html">&lt;select name=&quot;somename&quot; required&gt;
    &lt;option value=&quot;&quot;&gt;Please select&lt;/option&gt;
    &lt;option value=&quot;one&quot;&gt;One&lt;/option&gt;
&lt;/select&gt;</code>

HTML5 사양에 따르면 이 구조는 다음을 충족합니다. 필수 선택 기준:

• 필수 속성이 지정되었습니다.
• <select> 필드에 여러 속성이 지정되지 않았습니다(다중 선택이 아님을 나타냄).
• 표시 크기는 1로 가정됩니다(크기 속성이 지정되지 않았기 때문에).
• 첫 번째 옵션 요소에는 빈 값(이 경우 "선택하세요").
• 첫 번째 옵션 요소는 <select> 요소(optgroup의 일부가 아님).

이러한 조건을 준수하면 필수 속성이 <select> 필드를 사용하여 양식을 제출하기 전에 사용자가 선택했는지 확인하세요.

위 내용은 `required` 속성이 있는 HTML `필드에서 선택을 강제하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!