Thuộc tính value của option trong HTML

Thuộc tính value của option trong HTML xác định giá trị của phần tử option HTML sẽ được gửi đến máy chủ khi biểu mẫu được submit trong tài liệu HTML.

Cú pháp

Cú pháp như sau:

<option value="text"></option>

Ví dụ

Dưới đây là ví dụ minh họa thuộc tính value của option trong HTML:

<!DOCTYPE html>
<html>
<style>
  body {
    color: #000;
    height: 100vh;
    background-color: #8BC6EC;
    background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
    text-align: center;
  }
  .btn {
    background: #db133a;
    border: none;
    height: 2rem;
    border-radius: 2px;
    width: 40%;
    display: block;
    color: #fff;
    outline: none;
    cursor: pointer;
    margin: 1rem auto;
  }
</style>
<body>
<h1>Demo thuộc tính value của option trong HTML</h1>
<p>Chọn môn học yêu thích của bạn:</p>
<form method="post" action="">
  <select>
    <option value="Physics">Vật lý</option>
    <option value="Chemistry">Hóa học</option>
    <option value="Biology">Sinh học</option>
  </select>
  <input type="submit" value="Gửi" class="btn">
</form>
</body>
</html>

Kết quả