Thuộc tính giá trị tùy chọn HTML xác định giá trị của phần tử HTML tùy chọn sẽ được gửi trên máy chủ khi biểu mẫu được gửi trong tài liệu HTML.
Cú pháp
Sau đây là cú pháp -
<option value=”text”></option>
Hãy để chúng tôi xem một ví dụ về Thuộc tính giá trị tùy chọn HTML -
Ví dụ
<!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>HTML optimum Attribute Demo</h1>
<p>Select your favourite subject:</p>
<form method="post" action="">
<select>
<option value="Physics">Physics</option>
<option value="Chemistry">Chemistry</option>
<option value="Biology">Biology</option>
</select>
<input type="submit" value="Submit" class="btn">
</form>
</body>
</html> Đầu ra
