home

หน้าแรก
 Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

HTML แท็ก

แท็ก ใช้เพื่อตั้งค่าตัวเลือกที่กำหนดไว้ล่วงหน้าสำหรับแท็ก เมื่อใดก็ตามที่ผู้ใช้วางเคอร์เซอร์ของเมาส์ใน ตัวเลือกที่กำหนดไว้ล่วงหน้าเหล่านี้ควรปรากฏให้เห็น

ให้เราดูตัวอย่างการใช้แท็ก ใน HTML −

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
<p>Favorite Subject</p>
<form action="" method="get">
   <input list="subject" name="subject">
   <datalist id="subject">
      <option value="Programming">
      <option value="Networking">
      <option value="Database">
      <option value="Big Data">
      <option value="Cloud">
      <option value="Framework">
   </datalist>
   <input type="submit">
</form>
</body>
</html>

ผลลัพธ์

HTML datalist แท็ก

ตอนนี้ ให้เคอร์เซอร์เมาส์อยู่ในช่องป้อนข้อมูล ตัวเลือกที่กำหนดไว้ล่วงหน้าต่อไปนี้จะปรากฏให้เห็นในขณะนี้ -

HTML datalist แท็ก

ในตัวอย่างข้างต้น เราได้ตั้งค่าตัวเลือกที่กำหนดไว้ล่วงหน้าสำหรับ −

<datalist id="subject">
   <option value="Programming">
   <option value="Networking">
   <option value="Database">
   <option value="Big Data">
   <option value="Cloud">
   <option value="Framework">
</datalist>

ตอนนี้ เมื่อวางเคอร์เซอร์ไว้ใน ด้านบน จะมองเห็นตัวเลือกต่อไปนี้ ซึ่งเราได้กำหนดไว้ล่วงหน้าโดยใช้องค์ประกอบ -

Programming
Networking
Database
Big Data
Cloud
Framework