Thẻ <chọn> HTML
Ví dụ
Tạo danh sách thả xuống với bốn tùy chọn:
<label for="cars">Choose a car:</label>
<select
name="cars" id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Hãy tự mình thử »Thêm ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và cách sử dụng
Phần tử <select>
được sử dụng để tạo danh sách thả xuống.
Phần tử <select>
thường được sử dụng nhiều nhất trong một biểu mẫu để thu thập thông tin đầu vào của người dùng.
Thuộc tính name
là cần thiết để tham chiếu dữ liệu biểu mẫu sau khi biểu mẫu được gửi (nếu bạn bỏ qua thuộc tính name
, sẽ không có dữ liệu nào từ danh sách thả xuống được gửi).
Thuộc tính id
là cần thiết để liên kết danh sách thả xuống với nhãn.
Thẻ <option> bên trong phần tử <select>
xác định các tùy chọn có sẵn trong danh sách thả xuống.
Mẹo: Luôn thêm thẻ <label> để có các phương pháp trợ năng tốt nhất!
Hỗ trợ trình duyệt
Element | |||||
---|---|---|---|---|---|
<select> | Yes | Yes | Yes | Yes | Yes |
Thuộc tính
Attribute | Value | Description |
---|---|---|
autofocus | autofocus | Specifies that the drop-down list should automatically get focus when the page loads |
disabled | disabled | Specifies that a drop-down list should be disabled |
form | form_id | Defines which form the drop-down list belongs to |
multiple | multiple | Specifies that multiple options can be selected at once |
name | name | Defines a name for the drop-down list |
required | required | Specifies that the user is required to select a value before submitting the form |
size | number | Defines the number of visible options in a drop-down list |
Thuộc tính chung
Thẻ <select>
cũng hỗ trợ Thuộc tính chung trong HTML .
Thuộc tính sự kiện
Thẻ <select>
cũng hỗ trợ Thuộc tính sự kiện trong HTML .
Thêm ví dụ
Ví dụ
Sử dụng <select> với thẻ <optgroup>:
<label for="cars">Choose a car:</label>
<select
name="cars" id="cars">
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
Hãy tự mình thử »Trang liên quan
Tham chiếu DOM HTML: Chọn đối tượng
Hướng dẫn CSS: Tạo kiểu cho biểu mẫu
Cài đặt CSS mặc định
Không có.