● *select
phần tử select, đua ra cho người ta một danh sách sổ suống để chọn lựa, mỗi chọn lựa nằm bên trong tag option
Mã nguồn:[Chọn]
<select>
<option>Người yêu</option>
<option>Bạn bè</option>
<option>Gia đình</option>
</select>
Kết quả:
Người yêu Bạn bè Gia đình
Bên trong tag select ta có thể định dạng cho....à...ờ, xem ví dụ nhé
Mã nguồn:[Chọn]
<select size="4">
<option>Người yêu</option>
<option>Bạn bè</option>
<option>Gia đình</option>
<option>Người yêu</option>
<option>Bạn bè</option>
<option>Gia đình</option>
<option>Người yêu</option>
<option>Bạn bè</option>
<option>Gia đình</option>
</select>
Kết quả:
Người yêu Bạn bè Gia đình Người yêu Bạn bè Gia đình Người yêu Bạn bè Gia đình
Nếu muốn người dùng chọn được nhiều kết quả cùng lúc bằng cách giữ phím Ctrl+Click chọn, ta thêm thuộc tính multiple="yes"
Mã nguồn:[Chọn]
<select size="4" multiple="yes">
<option>Người yêu</option>
<option>Bạn bè</option>
<option>Gia đình</option>
<option>Người yêu</option>
<option>Bạn bè</option>
<option>Gia đình</option>
<option>Người yêu</option>
<option>Bạn bè</option>
<option>Gia đình</option>
</select>
Kết quả:
Người yêu Bạn bè Gia đình Người yêu Bạn bè Gia đình Người yêu Bạn bè Gia đình
ta có thể quyết định những cái nào được chọn với giá trịselected="yes"
Mã nguồn:[Chọn]
<select multiple="yes">
<option selected="yes">Người yêu</option>
<option selected="yes">Bạn bè</option>
<option selected="yes">Gia đình</option>
</select>
Kết quả:
Người yêu Bạn bè Gia đình
Chú ý: trong thực tế ta cần đặt thuộc tính name trên tag mởselect và thuộc tính value ở mỗi option, khi form được gửi đi, giá trị của phần tử select chính là giá trị tương ứng của option được chọn.