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

ป้อนข้อความอัตโนมัติสำหรับ HTML5?


ใช้เติมข้อความอัตโนมัติ คุณลักษณะสำหรับการป้อนข้อความอัตโนมัติ แอตทริบิวต์เติมข้อความอัตโนมัติใช้กับองค์ประกอบของแบบฟอร์มเพื่อตั้งค่าเปิดหรือปิดคุณสมบัติเติมข้อความอัตโนมัติ หากเปิดคุณลักษณะการเติมข้อความอัตโนมัติ เบราว์เซอร์จะแสดงค่าโดยอัตโนมัติตามสิ่งที่ผู้ใช้ป้อนก่อนหน้านี้ในฟิลด์

หาก เติมข้อความอัตโนมัติ คุณลักษณะ ปิด เบราว์เซอร์จะไม่แสดงค่าโดยอัตโนมัติตามสิ่งที่ผู้ใช้ป้อนก่อนหน้านี้ในฟิลด์

ต่อไปนี้คือค่าแอตทริบิวต์ −

S. ไม่
ค่าแอตทริบิวต์
คำอธิบาย
1
on
นี่คือค่าเริ่มต้น เบราว์เซอร์จะเติมค่าโดยอัตโนมัติตามสิ่งที่ผู้ใช้ป้อนก่อนหน้านี้
2
ปิด
เบราว์เซอร์จะไม่เติมค่าตามสิ่งที่ผู้ใช้ป้อนก่อนหน้านี้ ผู้ใช้ต้องพิมพ์ค่า


คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีใช้แอตทริบิวต์เติมข้อความอัตโนมัติใน HTML ในการตรวจสอบการรันโค้ดด้านล่าง ให้ป้อนค่าบางค่าในข้อความประเภทอินพุต แล้วคลิก ส่ง หลังจากนั้นกรอกข้อมูลในฟิลด์อีกครั้งและรันโค้ดอีกครั้ง เพื่อที่ว่าเมื่อพิมพ์ค่าลงในฟิลด์ คุณจะเห็นค่าการเติมข้อความอัตโนมัติ ใช้สำหรับเติมค่าอัตโนมัติ

สำหรับการเติมข้อความอัตโนมัติ ปิด ค่าเว็บเบราว์เซอร์จะไม่เติมค่าตามสิ่งที่ผู้ใช้ป้อนมาก่อน

<!DOCTYPE html>
<html>
   <head>
      <title> HTML autocomplete attribute</title>
   </head>
   <body>
      <form action = "" method = "get" autocomplete="on">
         Details:<br><br>
         Student Name<br><input type="name" name="sname"><br>
         Training week<br><input type="week" name="week"><br>
         <input type="submit" value="Submit">
      </form>
   </body>
</html>