Cách thêm giá trị cho phần tử trong HTML bằng thuộc tính value

Để thêm giá trị cho một phần tử trong HTML, bạn sử dụng thuộc tính value. Thuộc tính này hoạt động với các phần tử sau: <button>, <input>, <li>, <option>, <meter>, <progress>, và <param>.

Ví dụ minh họa

Dưới đây là mã mẫu để triển khai thuộc tính value:

<!DOCTYPE html>
<html>
  <head>
    <title>Thuộc tính value trong HTML</title>
  </head>
  <body>
    <p>Giới tính</p>
    <form>
      <input type="radio" name="gender" value="male"> Nam
      <br>
      <input type="radio" name="gender" value="female"> Nữ
    </form>
  </body>
</html>

Kết quả

Khi chạy mã trên, bạn sẽ thấy hai nút radio "Nam" và "Nữ" với các giá trị tương ứng là "male" và "female". Giá trị này sẽ được gửi đến server khi form được submit.