home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

การแสดงตัวเลือกสำหรับค่าอินพุต (Input Values) ใน HTML5 ด้วย <datalist>

ใช้แท็ก <datalist> ร่วมกับ <input list="..."> เพื่อให้รายการตัวเลือกแบบ autocomplete

ตัวอย่าง

<!DOCTYPE html>
<html>
  <head>
    <title>HTML Datalist Tag</title>
  </head>
  <body>
    <input list="tutorials" />
    <datalist id="tutorials">
      <option value="Java">
      <option value="ASP">
      <option value="PHP">
      <option value="Ruby">
      <option value="jQuery">
    </datalist>
    <p>Try to add any of the tutorial name mentioned above.</p>
  </body>
</html>