실력을 HTML5 항목 입력: < 옵션 > 레이블

출처: 인터넷
작성자: 사용자
키워드: 태그 HTML5 하기 시작 마스터

"무단 전재 바람 네트워크 문서 콘텐츠의 무결성을 유지 하십시오,이 원칙을 준수 하지 않는 경우 우리가 추구 하는 법적 책임을 유지할 것 이다"

< 옵션 > 레이블

정 및 사용

< 옵션 > 레이블 드롭다운 목록에서 옵션을 정의합니다.

HTML 4.01와 HTML 5 간의 차이점

< 옵션 > 태그는 HTML 5에서 새로운 요소 < datalist >에 사용 된다.

팁 및 의견

네트워크 (www.ithov.com) 참고 바람: < 옵션 > 태그, 특성 없이 사용할 수 있지만 http://www.aliyun.com/zixun/aggregation/9541.html 요구 " > 서버에 전송 되는 데이터를 정의 하는 속성 값.

네트워크 (www.ithov.com) 참고 바람: < 선택 >와 함께 또는 < datalist > 태그에 사용 하십시오. < 옵션 > 태그는 다른 의미.

예를 들어

< 선택 >
< 값 옵션 "볼 보" = > 볼 보 < / 옵션 >
< 값 옵션 "사 브" = > 사 브 < / 옵션 >
< 옵션 값 = "오 펠" 선택한 "선택" = > 오 펠 < / 옵션 >
< 값 옵션 "아우디" = > 아우디 < / 옵션 >
</선택 >

속성

속성 값 설명 4 5 비활성화 해야이 옵션을 지정 해제 첫 번째 부하에는 사용할 수 없습니다. 4 5 레이블 텍스트 설명선 &lt; optgroup &gt;를 사용 하는 경우 사용을 정의 합니다. 4 5 선택한 선택 지정 된 옵션 (때 목록에 먼저 표시) 표시로 선택한. 4 5 값 텍스트를 서버에 보낼 수 옵션 값을 정의 합니다. 4 5

표준 속성

끌어다 놓기, dir, ContextMenu, Contenteditable, 클래스 Id, 무관 한, 랭, ref, Registrationmark, TabIndex, 템플릿, 타이틀 전자에 대 한 완전 한 설명은 HTML 5에서 표준 속성을 참조 하십시오.

이벤트 속성

Onabort, onbeforeunload, onblur, onchange, onclick, OnContextMenu, ondblclick, 겁니다, Ondragend, OnDragEnter, OnDragLeave OnDragOver, ondragstart OnDrop, OnError, onfocus, onkeydown, onkeypress, onkeyup, onload, OnMessage, onmous Edown, OnMouseMove, onmouseover, onmouseout, onmouseup, OnMouseWheel, OnResize, Onscroll Onselect, onsubmit, 에 대 한 완전 한 설명은 onUnload 이벤트 속성 HTML 5에 방문.

Tiy 인스턴스

간단한 드롭-다운 목록

< html >
< 몸 >
< 양식 >
< 선택 이름 "자동차" = >
< 값 옵션 "볼 보" = > 볼 보 < / 옵션 >
< 값 옵션 "사 브" = > 사 브 < / 옵션 >
< 값 옵션 "피아트" = > 피아트 < / 옵션 >
< 값 옵션 "아우디" = > 아우디 < / 옵션 >
</선택 >
</양식 >
</바디 >
< / html >

이 예제는 HTML 페이지에 간단한 드롭-다운 목록 상자를 만드는 방법을 보여 줍니다. 드롭-다운 목록 상자 선택 사항 목록입니다.

다른 드롭 다운 목록

< html >
< 몸 >
< 양식 >
< 선택 이름 "자동차" = >
< 값 옵션 "볼 보" = > 볼 보 < / 옵션 >
< 값 옵션 "사 브" = > 사 브 < / 옵션 >
< 옵션 값 = "명령" 선택한 "선택" = > 피아트 < / 옵션 >
< 값 옵션 "아우디" = > 아우디 < / 옵션 >
</선택 >
</양식 >
</바디 >
< / html >

이 예제에서는 미리 값을 간단한 드롭-다운 목록을 만드는 방법을 보여 줍니다. (참고: 미리 선택 값 미리 정해진된 환경 설정을 참조 하십시오.) )

관련 문서

연락처

이 페이지의 내용은 인터넷에서 가져온 것이므로 Alibaba Cloud의 공식 의견이 아닙니다.이 페이지에서 언급 된 제품 및 서비스는 Alibaba Cloud와는 관련이 없으므로이 페이지의 내용이 골칫거리 인 경우 저희에게 알려주십시오. 우리는 5 일 근무일 이내에 이메일을 처리 할 것입니다.

커뮤니티에서 표절 사례를 발견한 경우 info-contact@alibabacloud.com 으로 관련 증거를 첨부하여 이메일을 보내주시기 바랍니다. 당사 직원이 영업일 기준 5일 내에 연락 드리도록 하겠습니다.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.