Ví Dụ Về Thẻ Select - Option Trong HTML5 - Học Web Chuẩn

Trang chủ » Sử Dụng Thẻ Option » Ví Dụ Về Thẻ Select - Option Trong HTML5 - Học Web Chuẩn

Có thể bạn quan tâm

Ví dụ về các tag select - option
  • Trang chủ
  • Tham khảo
  • Ví dụ về các tag select - option

SELECT - OPTION

select - option

<select> <option>Danh sách 01</option> <option>Danh sách 02</option> <option>Danh sách 03</option> <option>Danh sách 04</option> </select>

Danh sách 01 Danh sách 02 Danh sách 03 Danh sách 04

select - option với thuộc tính name

<select name="TenDanhSach"> <option>Danh sách 01</option> <option>Danh sách 02</option> <option>Danh sách 03</option> <option>Danh sách 04</option> </select>

Danh sách 01 Danh sách 02 Danh sách 03 Danh sách 04

select - option với thuộc tính disabled

<select disabled="disabled"> <option>Danh sách 01</option> <option>Danh sách 02</option> <option>Danh sách 03</option> <option>Danh sách 04</option> </select>

Xác định danh sách thả xuống không hiển thị.

Danh sách 01 Danh sách 02 Danh sách 03 Danh sách 04

select - option với thuộc tính multiple

<select multiple="multiple"> <option>Danh sách 01</option> <option>Danh sách 02</option> <option>Danh sách 03</option> <option>Danh sách 04</option> </select>

Hiển thị nhiều tùy chọn.

Danh sách 01 Danh sách 02 Danh sách 03 Danh sách 04

select - option với thuộc tính size

<select size="3"> <option>Danh sách 01</option> <option>Danh sách 02</option> <option>Danh sách 03</option> <option>Danh sách 04</option> </select>

Xác định số tùy chọn có thể thấy trong danh sách lựa chọn.

Danh sách 01 Danh sách 02 Danh sách 03 Danh sách 04

option với thuộc tính disabled

<select> <option disabled="disabled">Danh sách 01</option> <option>Danh sách 02</option> <option>Danh sách 03</option> <option>Danh sách 04</option> </select>

Xác định danh sách thả xuống không hiển thị.

Danh sách 01 Danh sách 02 Danh sách 03 Danh sách 04

option với thuộc tính label

<select> <option label="label01">Danh sách 01</option> <option label="label02">Danh sách 02</option> <option label="label03">Danh sách 03</option> <option label="label04">Danh sách 04</option> </select>

Xác định nhãn cho tùy chon.

Danh sách 01 Danh sách 02 Danh sách 03 Danh sách 04

option với thuộc tính selected

<select> <option>Danh sách 01</option> <option selected="selected">Danh sách 02</option> <option>Danh sách 03</option> <option>Danh sách 04</option> </select>

Xác định một tùy chọn được chọn mặc định.

Danh sách 01 Danh sách 02 Danh sách 03 Danh sách 04

option với thuộc tính value

<select> <option value="value01">Danh sách 01</option> <option value="value02">Danh sách 02</option> <option value="value03">Danh sách 03</option> <option value="value04">Danh sách 04</option> </select>

Xác định giá trị của tùy chọn (sẽ được gửi tới server khi submit).

Danh sách 01 Danh sách 02 Danh sách 03 Danh sách 04

Ví dụ form

  • select - option
  • select - option với thuộc tính name
  • select - option với thuộc tính disabled
  • select - option với thuộc tính multiple
  • select - option với thuộc tính size
  • option với thuộc tính disabled
  • option với thuộc tính label
  • option với thuộc tính selected
  • option với thuộc tính value

Từ khóa » Sử Dụng Thẻ Option