Michael Zippo
HTML 여러 옵션을 선택할 수 있는 목록을 만듭니다.
클릭 영역은 많은 웹 양식에서 중요한 부분입니다. 확인란을 사용하면 사용자 입력을 수락하고 사용자가 지정한 옵션 중에서 선택할 수 있는 옵션을 제한할 수 있습니다.
HTML 는 목록을 제공하는 모양 요소를 만듭니다. 사용자가 하나 이상을 선택할 수 있는 옵션. 는 선택 상자에 표시되는 옵션을 나타냅니다.
이 자습서에서는 HTML
양식은 많은 웹사이트에서 필수적인 부분이며 구축할 수 있는 사용자 데이터를 수락할 수 있게 해줍니다. 귀하의 사이트에. 예를 들어 카페용 웹사이트를 디자인하는 경우 고객 피드백을 수락하는 양식을 만들 수 있습니다.
HTML에서
HTML 양식에 대해 자세히 알아보려면 HTML 양식 초보자 안내서.
HTML 코드 사용자가 하나 이상의 옵션을 선택할 수 있는 목록을 만듭니다.
태그는 선택하면 사용자가 선택할 수 있는 옵션이 있는 드롭다운 목록을 표시하는 양식 필드를 만듭니다.
< 구문 select>은 다음과 같습니다.
태그 자체에는 옵션이 없습니다. 태그에 표시되는 옵션을 설정하려면 을 사용해야 합니다.
구문은 다음과 같습니다. 태그:
는 태그에 표시됩니다. 이 예에서는 태그로 value 속성도 지정했습니다.
데이터 값을 저장하는 데 사용됩니다. 사용자가 특정 옵션을 선택하면 서버로 전송됩니다. 이 경우 사용자가 목록에서 옵션 1을 선택하면 옵션 1이 서버로 전송됩니다.
각 <옵션 >; 지정된 값의 속성이 있어야 합니다.
HTML 코드 는 모든 주요 최신 브라우저에서 지원됩니다.
를 사용하는 버튼은 사용자가 양식에 입력할 수 있는 값을 제한하려는 경우에 유용합니다. 들. 다음은
이러한 경우 옵션이 제한됩니다. 드롭다운 메뉴를 사용하면 코드에 적합한 답변을 얻을 수 있습니다. 이는 사용자가 예상하지 못한 선택 필드에 원하는 값을 입력할 수 없기 때문입니다.
지역 빵집을 위한 웹 양식을 생성한다고 가정합니다. 우리는 사용자가 빵을 주문할 수 있는 양식을 생성하라는 요청을 받았습니다. 이 양식은 사용자가 빵을 선택할 수 있는 빵의 드롭다운 목록을 표시해야 합니다. / ul>
기본적으로 일반 흰색이 선택되어야 합니다.
이 HTML 드롭다운을 만들려면 메뉴 에서 다음 코드를 사용할 수 있습니다.
코드 반환:
다중 속성은 키워드입니다. 즉, 속성에 값을 할당하기 위해 등호를 사용할 필요가 없습니다.
여러 값을 선택하려면 Windows의 경우 Ctrl 버튼을 누르고 Mac의 경우 Cmd 버튼을 누르세요.
< em >
| 속성 | 값 | 설명 | ||||||||||||
| 자동 초점 | 자동 초점 | 문서가 로드될 때 드롭다운 목록에 초점을 설정합니다. | ||||||||||||
| 비활성화 | 비활성화 | 드롭다운 목록이 비활성화되었음을 나타냅니다(사용자가 목록을 사용하여 값을 표시할 수 없는 경우) | ||||||||||||
| form | form_id | | 다중 | 다중 | 사용자가 다중 옵션을 선택할 수 있습니다. | 이름 | 이름 | 는 요소의 이름을 나타냅니다. | 필수 | 필수 | 양식 필드가 제출되기 전에 완료되어야 함을 나타냅니다. | 크기 | 숫자 | 예를 들어 사용자에게 표시되어야 하는 옵션의 수를 지정합니다. HTML 요소 는 미리 정의된 목록을 표시하는 필드 모양 | |
을 만듭니다. 가치. 사용자는 목록에서 하나 이상의 값을 선택할 수 있습니다. 은 사용자가 미리 정의된 가능한 값 목록에서 값을 선택하도록 할 때 유용합니다.
이 튜토리얼에서는 예제를 참조하여 HTML에서 드롭다운 양식 필드를 생성하기 위한
HTML 프로그래밍에 대해 더 알고 싶으십니까? HTML 학습 가이드 를 확인하십시오. 이 가이드에는 HTML 학습 방법에 대한 최고의 팁과 지식 확장에 도움이 되는 학습 리소스 목록이 포함되어 있습니다.
