html 형식 옵션 메뉴의 옵션 및 optgruop 태그 사용법에 대한 자세한 설명

옵션 태그를 사용하여 양식컨트롤에서 각 항목을 정의하세요. 브라우저는 태그의 콘텐츠를 메뉴 또는 태그의 스크롤 목록에 표시합니다.
valueAttribute

value 속성을 사용하여 각 옵션의 값을 설정합니다. 사용자가 옵션을 선택하면 브라우저가 이를 서버로 보냅니다. value 속성이 지정되지 않은 경우 옵션 값은 태그의 내용으로 설정됩니다. 아래 예에서 HTML 옵션을 살펴보세요.

coption value=dog>dog <option>dog

둘 다 동일한 값을 갖습니다. 첫 번째는 태그에 설정된 값을 출력하고 두 번째는 기본적으로 태그 자체의 내용으로 설정됩니다. "dog"

selected 속성

기본적으로 모든 다중 selected 태그의 옵션은 모두 선택 취소(state)되어 있으므로 클라이언트가 양식을 서버에 올릴 때 이러한 옵션은 매개변수 목록에 포함되지 않습니다. 태그에 선택된 속성을 포함하면 사용자가 하나 이상의 옵션을 미리 선택한 다음 선택 취소할 수 있습니다.

선택한 속성의 HTML 버전에 값이 없습니다. XHTML 버전에는 selected=selected 값이 있습니다. 명시적으로 미리 선택된 옵션이 없으면 라디오의 태그가 첫 번째 옵션을 미리 선택합니다.

label 속성

일반적으로 요소가 사용자에게 표시될 때 태그의 콘텐츠는 요소의 마크업을 생성하는 데 사용됩니다. 그러나 label 속성이 제공되면 해당 값을 라벨로 사용해야 합니다.

태그

양식의 옵션 메뉴는 매우 길어서 표시하고 사용하기 어려울 수 있습니다. 이 경우 일부 관련 옵션 을 그룹화한 다음 이러한 그룹을 중첩된 계단식 메뉴 세트로 사용자에게 제공하는 것이 도움이 될 수 있습니다. 은 HTML 4.0에 새로 도입된 태그입니다. 비록 사용이 제한되어 있지만 HTML 및 XHTML 양식에 이 기능을 제공합니다.

태그 내에서만 사용할 수 있으며 태그만 포함할 수 있습니다. 브라우저는 메인 의 각 태그에 대한 하위 메뉴를 생성합니다. 예를 들어 HTML에서는 을 사용하여 장소 이름별로 정렬된 양식 메뉴를 표시할 수 있습니다.

<select name=state>
 <optgroup label=龙岗区>
      <option>布吉镇
      <option>坂田镇
</optgroup>
<optgroup label=宝安区>
      <option>龙华镇
      <option>西乡镇
</optgroup>
</select>

아직 태그를 완벽하게 지원하는 브라우저가 없기 때문에(일반 브라우저에서는 단순히 스크롤 메뉴로 표시됨) 독자에게 그러한 메뉴가 어떻게 보이는지 보여줄 수 없습니다. 그러나 대부분의 그래픽 사용자 인터페이스에서 흔히 사용되는 기능인 친숙한

드롭다운 메뉴

와 매우 유사할 수 있습니다. 마우스나 키보드로 선택하면 예를 들어, "주" 예에는 "북동부" 및 "남부"라는 하위 메뉴가 있을 수 있으며 각 하위 메뉴에는 포함된 주의 목록이 표시됩니다.

안타깝게도 태그의 가장 큰 장애물은 중첩이 불가능하여 하위 메뉴가 한 레이어로만 제한된다는 것입니다. 그러나 XHTML의 향후 버전에서는 이 제한이 초과될 수 있습니다. 사용자에게 표시할

메뉴에서 관련 요소를 함께 정리하세요.

위 내용은 html 형식 옵션 메뉴의 옵션 및 optgruop 태그 사용법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!