HTML 속성 선택 자바스크립트

| | | | | | | | | | | | | | | | | | | | | |

HTML 태그에는 사용자가 선택할 수 있는 선택 항목을 나타내는 하나 이상의

클릭 영역은 많은 웹 양식에서 중요한 부분입니다. 확인란을 사용하면 사용자 입력을 수락하고 사용자가 지정한 옵션 중에서 선택할 수 있는 옵션을 제한할 수 있습니다.

HTML 태그를 사용하는 방법에 대해 설명합니다. 이 태그를 시작할 수 있도록 예제를 참조하겠습니다.

HTML 양식

양식은 많은 웹사이트에서 필수적인 부분이며 구축할 수 있는 사용자 데이터를 수락할 수 있게 해줍니다. 귀하의 사이트에. 예를 들어 카페용 웹사이트를 디자인하는 경우 고객 피드백을 수락하는 양식을 만들 수 있습니다.

HTML에서 은 모듈을 선언하는 데 사용됩니다. 그런 다음 과 같은 HTML 요소를 사용하고 데이터가 수집할 양식을 설정하도록 선택할 수 있습니다. 이 튜토리얼에서는 태그

HTML 코드 요소 태그의 단일 옵션을 나타냅니다.

태그 자체에는 옵션이 없습니다. 태그에 표시됩니다. 이 예에서는 는 모든 주요 최신 브라우저에서 지원됩니다.

왜 .. 를 사용하는 버튼은 사용자가 양식에 입력할 수 있는 값을 제한하려는 경우에 유용합니다. 들. 다음은

지역 빵집을 위한 웹 양식을 생성한다고 가정합니다. 우리는 사용자가 빵을 주문할 수 있는 양식을 생성하라는 요청을 받았습니다. 이 양식은 사용자가 빵을 선택할 수 있는 빵의 드롭다운 목록을 표시해야 합니다. / ul>

기본적으로 일반 흰색이 선택되어야 합니다.

HTML 드롭다운을 만들려면 메뉴 에서 다음 코드를 사용할 수 있습니다.

코드 반환:

을 사용하여 선택 목록을 정의해 보겠습니다. 선택 양식 컨트롤의 이름을 지정하는 name 속성을 지정하고 속성 값 breadType을 할당합니다.

다음으로 4개의 을 사용합니다. 태그를 사용하여 사용자에게 표시할 옵션 목록을 만듭니다. 이러한 각 태그에는 지정된 속성이 있습니다. 이 속성은 사용자가 양식을 제출할 때 서버로 전송될 옵션 값을 저장합니다.

일반 흰색 label,<을 표시하는 첫 번째 태그 /em>에는 selected 속성도 지정되어 있습니다. . 이렇게 하면 색상: 흰색 일반 옵션이 기본적으로 선택됩니다.

다중 속성을 사용하여 사용자가 목록에서 여러 옵션을 선택할 수 있습니다.

다중 속성은 키워드입니다. 즉, 속성에 값을 할당하기 위해 등호를 사용할 필요가 없습니다.

여러 값을 선택하려면 Windows의 경우 Ctrl 버튼을 누르고 Mac의 경우 Cmd 버튼을 누르세요.

HTML 태그 속성 에는 태그에 적용할 수 있는 몇 가지 특정 HTML 속성이 있습니다.

속성 설명
자동 초점 자동 초점 문서가 로드될 때 드롭다운 목록에 초점을 설정합니다.
비활성화 비활성화 드롭다운 목록이 비활성화되었음을 나타냅니다(사용자가 목록을 사용하여 값을 표시할 수 없는 경우)
form form_id 요소가 연결되어 있습니다.
다중 다중 사용자가 다중 옵션을 선택할 수 있습니다.
이름 이름 는 요소의 이름을 나타냅니다.
필수 필수 양식 필드가 제출되기 전에 완료되어야 함을 나타냅니다.
크기 숫자 예를 들어 사용자에게 표시되어야 하는 옵션의 수를 지정합니다. HTML 요소

결론

을 만듭니다. 가치. 사용자는 목록에서 하나 이상의 값을 선택할 수 있습니다. 태그.

HTML 프로그래밍에 대해 더 알고 싶으십니까? HTML 학습 가이드 를 확인하십시오. 이 가이드에는 HTML 학습 방법에 대한 최고의 팁과 지식 확장에 도움이 되는 학습 리소스 목록이 포함되어 있습니다.