Cách đặt giá trị mặc định cho thẻ <select> (dropdown) trong HTML?

Với HTML, bạn dễ dàng tạo danh sách thả xuống (dropdown) để nhận đầu vào từ người dùng. Sử dụng phần tử <select> (hộp chọn), bên trong là các <option>.

Để đặt giá trị mặc định (preselect), thêm thuộc tính selected vào thẻ <option> mong muốn.

Ví dụ

<!DOCTYPE html>
<html>
<head>
    <title>Phần tử Select HTML</title>
</head>
<body>
    <p>Chọn một mục:</p>
    <form>
        <select name="dropdown">
            <option value="Java">Java</option>
            <option value="Discrete Mathematics" selected>Toán rời rạc</option>
            <option value="Chemistry">Hóa học</option>
        </select>
    </form>
</body>
</html>

Khi tải trang, "Toán rời rạc" sẽ được chọn sẵn.

Lưu ý:

• Chỉ nên có một option có selected (trừ khi multiple).
• Giá trị value là dữ liệu gửi lên server, không phải text hiển thị.
• Có thể dùng selected="selected" (cú pháp XHTML) hoặc chỉ selected (HTML5).