ให้เรตสมาชิก: 2 / 5

ดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที่ 15 HTML5 Form Attributes ตอนที่ 1
   แอทติบิวใหม่ ใน HTML5 สำหรับปรับแต่ง แท็ก <form> และ <input>
 

  1.แอทติบิวสำหรับ แท็ก <form> 2.แอทติบิวสำหรับ แท็ก <input> บราวเซอร์ที่สนับสนุน
-autocomplete -autocomplete -IE, Firefox, Opera, Chrome, Safari
-novalidate - -Firefox, Opera, Chrome
  -autofocus -Firefox, Opera, Chrome, Safari
  -form -Firefox, Opera, Chrome, Safari
  -formaction -Firefox, Opera, Chrome, Safari
  -formenctype -Firefox, Opera, Chrome, Safari
  -formmethod -Firefox, Opera, Chrome, Safari
  -formnovalidate -Firefox, Opera, Chrome
  -formtarget -Firefox, Opera, Chrome, Safari
  -height and width -IE, Firefox, Opera, Chrome, Safari
  -list -Firefox, Opera, Chrome, Safari
  -min and max -Opera, Chrome
  -multiple -Firefox, Opera, Chrome, Safari
  -pattern (regexp) -Firefox, Opera, Chrome
  -placeholder -IE, Firefox, Opera, Chrome, Safari
  -required -Firefox, Opera, Chrome
  -step -Opera, Chrome

1. autocomplete Attribute คือ คุณลักษณะอัตโนมัติระบุว่าฟอร์มหรือช่องใส่ควรมีฟังก์ชั่นอัตโนมัติ เช่น เมื่อคุณ พิมพ์ตัวอักษรลงไปในช่องป้อนข้อมูล เบราเซอร์ก็จะแสดง คำที่เคยพิมพ์ เพื่อให้สะดวก จะได้ไม่ต้องพิมพ์มาก ซึ่งแอทติบิวนี้ใช้ได้ทั้งแท็ก <form> และ <input>

<html>
<body>

<form action="demo_form.asp" autocomplete="on">
  First name:<input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  E-mail: <input type="email" name="email" autocomplete="off"><br>
  <input type="submit">
</form>

</body>
</html>

ผลลัพธ์คือ

   ***ในกรณีที่เราเคยกรอกข้อมูลเเล้ว แอทติบิว autocomplete นี้จะช่วยให้เรากรอกข้อมูลได้สะดวกขึ้น เพราะเราไม่ต้องมาพิมพ์ใหม่ทั้งหมด ดังตัวอย่างข้างบน
   แต่ในบางครั้งเราก็มีความจำเป็น ที่ไม่อยากให้เบราเซอร์มันแสดง autocomplete ขึ้นมา เราสามารถปิดมันได้โดย  ใส่ attribute autocomplete="off" ให้กับ input หรือ form element เช่น

<input type="text" autocomplete="off" />

หรือ

<form autocomplete="off">


อ่านเพิ่มเติม
บทที่ 15 HTML5 Form Attributes ตอนที่ 2

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ต่างกันแค่ไหน? เทียบหมัดต่อหมัด iPhone รุ่นใหม่ล่าสุด กับ iPhone 11
โดย unyana ส 16 ม.ค. 2021 11:47 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
7
ส 16 ม.ค. 2021 11:47 pm โดย unyana
โปรแกรม Kdenlive สามารถ add ไฟล์รูปเข้าไปในโปรแกรมได้ไหมคะ
โดย Kannaphat ส 16 ม.ค. 2021 3:46 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
12
ส 16 ม.ค. 2021 3:57 pm โดย Kannaphat
ขอคำสั่งพื้นฐานการใช้terminal Ubuntu ด้วยครับ
โดย chakirin.bfds ส 16 ม.ค. 2021 2:36 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
13
ส 16 ม.ค. 2021 2:39 pm โดย mindphp
โหลดไฟล์จาก gitlab ไม่ได้
โดย chakirin.bfds ส 16 ม.ค. 2021 11:49 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
3
21
ส 16 ม.ค. 2021 12:02 pm โดย mindphp
ขอวิธีการติดตั้ง psycopg1
โดย chakirin.bfds ส 16 ม.ค. 2021 10:46 am บอร์ด Programming - C/C++ & java & Python
6
24
ส 16 ม.ค. 2021 11:19 am โดย mindphp
python ติด AttributeError ครับ
โดย chakirin.bfds ศ 15 ม.ค. 2021 8:02 pm บอร์ด Programming - C/C++ & java & Python
1
19
ศ 15 ม.ค. 2021 8:18 pm โดย mindphp
สอบถามคำศัพท์เทคนิค Droplet คืออะไร
โดย Kannaphat ศ 15 ม.ค. 2021 6:16 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
18
ส 16 ม.ค. 2021 11:59 am โดย mindphp
ไม่สามารถตั้งค่าแจ้งเตื่อนจากmindphp เข้าเมลล์ได้
โดย Jiratchaya ศ 15 ม.ค. 2021 1:34 pm บอร์ด MindPHP News & Feedback
4
29
ศ 15 ม.ค. 2021 4:40 pm โดย Jiratchaya