แอตทริบิวต์ value ของ option ใน HTML

แอตทริบิวต์ value ของ option ใน HTML ใช้กำหนดค่าขององค์ประกอบ option HTML ที่จะถูกส่งไปยังเซิร์ฟเวอร์เมื่อส่งฟอร์มในเอกสาร HTML

ไวยากรณ์

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

ตัวอย่าง

<!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>ตัวอย่างแอตทริบิวต์ value ของ option ใน HTML</h1>
<p>เลือกวิชาที่คุณชอบ:</p>
<form method="post" action="">
  <select>
    <option value="Physics">ฟิสิกส์</option>
    <option value="Chemistry">เคมี</option>
    <option value="Biology">ชีววิทยา</option>
  </select>
  <input type="submit" value="ส่ง" class="btn">
</form>
</body>
</html>

ผลลัพธ์

แสดงฟอร์มที่มีรายการแบบเลื่อนเลือก 3 ตัวเลือก พร้อมปุ่มส่ง