HTML 선택 드롭다운 상자의 기본값을 설정하는 방법은 무엇입니까?
- 醉折花枝作酒筹앞으로
- 2021-04-26 11:47:287401검색
이 글에서는 선택 드롭다운 상자의 기본값을 설정하는 방법을 소개합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.
원하는 옵션의 "selected" 속성(부울 속성)을 사용하여 선택 요소의 기본값을 설정할 수 있습니다.
기본적으로 "선택됨" 속성이 있는 옵션 태그는 드롭다운 목록 선택 태그에 표시됩니다.
구문:
<option value="value" selected>选项名称</option>
예제 1: 선택한 속성 사용
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>设置select元素的默认值</title> </head> <body style = "text-align:center;"> <b>如何设置select元素的默认值？</b> <p>默认情况下，显示第一个option选项</p> <select name="plan" id="plan"> <option value="free">Free</option> <option value="starter">Starter </option> <option value="professional">Professional</option> <option value="corporate">Corporate</option> </select> <p>设置Professional选项为默认值</p> <select name="plan" id="plan"> <option value="free">Free</option> <option value="starter">Starter </option> <option value="professional" selected>Professional</option> <option value="corporate">Corporate</option> </select> </body> </html>
렌더링:
예제 2: 목록에 "옵션을 선택하세요"와 같은 메시지를 추가하세요. 이 옵션에는 체크된 것 외에도 숨김 및 비활성화된 속성이 있습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>设置select元素的默认值</title>
</head>
<body style = "text-align:center;">
<p>设置select选项框的默认值</p>
<select name="plan" id="plan">
<option value="none" selected disabled hidden>请选择选项</option>
<option value="free">Free</option>
<option value="starter">Starter </option>
<option value="professional">Professional</option>
<option value="corporate">Corporate</option>
</select>
</body>
</html>렌더링:
추천 학습: html 비디오 튜토리얼
위 내용은 HTML 선택 드롭다운 상자의 기본값을 설정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
이 기사는 csdn.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제
이전 기사：HTML 주석이란 무엇입니까?다음 기사：HTML 주석이란 무엇입니까?