แอตทริบิวต์ size ใน HTML

แอตทริบิวต์ size ใน HTML แสดงจำนวนตัวเลือก/ตัวอักษรที่มองเห็นได้ในองค์ประกอบ select และ input ของ HTML

ไวยากรณ์

<tagname size="number"></tagname>

ตัวอย่าง

<!DOCTYPE html>
<html>
<style>
  body {
    color: #000;
    height: 100vh;
    background-color: #8BC6EC;
    background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
    text-align: center;
  }
</style>
<body>
<h1>ตัวอย่าง HTML size</h1>
<p>เลือกวิชาที่คุณชอบ:</p>
<select size="2">
  <option value="Physics">ฟิสิกส์</option>
  <option value="Chemistry">เคมี</option>
  <option value="Biology">ชีววิทยา</option>
  <option value="German lang">ภาษาเยอรมัน</option>
  <option value="Economics">เศรษฐศาสตร์</option>
</select>
</body>
</html>

ผลลัพธ์

แสดงรายการแบบเลื่อนเลือก (dropdown) ที่แสดงตัวเลือก 2 รายการพร้อมกัน