ให้เรตสมาชิก: 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ภาษาซี กับ โจทย์ คำนวณ BMI
โดย Aussadawut ส 17 พ.ย. 2018 7:34 pm บอร์ด Share Knowledge
0
7
ส 17 พ.ย. 2018 7:34 pm โดย Aussadawut
list หัวข้อเเชร์ความรู้
โดย ธวัชชัย แสนหาญ ส 17 พ.ย. 2018 7:18 pm บอร์ด MT27 - ธวัชชัย แสนหาญ
0
2
ส 17 พ.ย. 2018 7:18 pm โดย ธวัชชัย แสนหาญ
การใช้ Foreach loop Statements ใน python
โดย ธวัชชัย แสนหาญ ส 17 พ.ย. 2018 7:16 pm บอร์ด Python Knowledge
0
8
ส 17 พ.ย. 2018 7:16 pm โดย ธวัชชัย แสนหาญ
การกำหนดค่าให้ for if
โดย จันนุสรณ์ ดีแก่ ส 17 พ.ย. 2018 7:12 pm บอร์ด PHP Knowledge
0
5
ส 17 พ.ย. 2018 7:12 pm โดย จันนุสรณ์ ดีแก่
การสร้างสูตรคูณ ในภาษา php แบบสั้นๆ
โดย จันนุสรณ์ ดีแก่ ส 17 พ.ย. 2018 6:55 pm บอร์ด PHP Knowledge
0
5
ส 17 พ.ย. 2018 6:55 pm โดย จันนุสรณ์ ดีแก่
การUpdateค่าในตัวแปรชนิด list ใน python
โดย ธวัชชัย แสนหาญ ส 17 พ.ย. 2018 6:45 pm บอร์ด Python Knowledge
0
6
ส 17 พ.ย. 2018 6:45 pm โดย ธวัชชัย แสนหาญ
การใชังานตัวแปร dictionary ใน python
โดย ธวัชชัย แสนหาญ ส 17 พ.ย. 2018 6:19 pm บอร์ด Share Knowledge
0
6
ส 17 พ.ย. 2018 6:19 pm โดย ธวัชชัย แสนหาญ
การใช้เงื่อนไข switch case
โดย จันนุสรณ์ ดีแก่ ส 17 พ.ย. 2018 6:12 pm บอร์ด PHP Knowledge
0
4
ส 17 พ.ย. 2018 6:12 pm โดย จันนุสรณ์ ดีแก่
ภาษาซี กับ โจทย์ Loop ในตำนาน (7) รับค่าตัวเลขไปเรื่อยๆจนกว่าจะเจอเลข 0 แล้วจึงหยุดรับค่า พร้อมทั้งนับว่าหารด้วย 5 ลงตัว
โดย Aussadawut ส 17 พ.ย. 2018 6:08 pm บอร์ด Share Knowledge
0
7
ส 17 พ.ย. 2018 6:08 pm โดย Aussadawut
การกำหนดตัวแปร ใน python
โดย ธวัชชัย แสนหาญ ส 17 พ.ย. 2018 5:09 pm บอร์ด Share Knowledge
0
7
ส 17 พ.ย. 2018 5:09 pm โดย ธวัชชัย แสนหาญ
ภาษาซี กับ โจทย์ Loop ในตำนาน (6) รับค่าตัวเลขไปเรื่อยๆจนกว่าจะเจอเลข 0 แล้วจึงหยุดรับค่า
โดย Aussadawut ส 17 พ.ย. 2018 4:59 pm บอร์ด Share Knowledge
0
9
ส 17 พ.ย. 2018 4:59 pm โดย Aussadawut
ภาษาซี กับ โจทย์ Loop ในตำนาน (5) แสดงเลขคู่/คี่ ด้วย Loop do while ตั้ง 0 จนถึง 100
โดย Aussadawut ส 17 พ.ย. 2018 4:23 pm บอร์ด Share Knowledge
0
9
ส 17 พ.ย. 2018 4:23 pm โดย Aussadawut
ภาษาซี กับ โจทย์ Loop ในตำนาน (4) แสดงเลขคู่/คี่ ด้วย Loop for ตั้ง 0 จนถึง 100
โดย Aussadawut ส 17 พ.ย. 2018 3:23 pm บอร์ด Share Knowledge
0
14
ส 17 พ.ย. 2018 3:23 pm โดย Aussadawut
การสืบทอด Class แบบ Object-Oriented หรือ OOP ใน Python
โดย ธวัชชัย แสนหาญ ส 17 พ.ย. 2018 3:20 pm บอร์ด Python Knowledge
0
10
ส 17 พ.ย. 2018 3:20 pm โดย ธวัชชัย แสนหาญ
ภาษาซี กับ โจทย์ Loop ในตำนาน (3) แสดงเลขคู่/คี่ ด้วย Loop while ตั้ง 0 จนถึง 100
โดย Aussadawut ส 17 พ.ย. 2018 2:57 pm บอร์ด Share Knowledge
0
14
ส 17 พ.ย. 2018 2:57 pm โดย Aussadawut
การใช้ Overriding Method ใน python
โดย ธวัชชัย แสนหาญ ส 17 พ.ย. 2018 2:33 pm บอร์ด Python Knowledge
0
9
ส 17 พ.ย. 2018 2:33 pm โดย ธวัชชัย แสนหาญ
VDO - วิธีการใช้งาน gitlab (กิตแลบ)
โดย prakon ส 17 พ.ย. 2018 1:58 pm บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
0
3
ส 17 พ.ย. 2018 1:58 pm โดย prakon
python 2.7 หารตัวเลขเป็น ทศนิยมไม่ได้ แก้ไขยังไงได้บ้างค่ะ
โดย thatsawan ส 17 พ.ย. 2018 12:48 pm บอร์ด Programming - C/C++ & java & Python
3
24
ส 17 พ.ย. 2018 1:14 pm โดย thatsawan
คำสั่งตัดสินใจการทำงาน if, if else if
โดย จันนุสรณ์ ดีแก่ ส 17 พ.ย. 2018 12:13 pm บอร์ด PHP Knowledge
0
10
ส 17 พ.ย. 2018 12:13 pm โดย จันนุสรณ์ ดีแก่
การใช้ operator ในการกำหนดเงื่อนไขใน php
โดย จันนุสรณ์ ดีแก่ ส 17 พ.ย. 2018 11:11 am บอร์ด PHP Knowledge
0
12
ส 17 พ.ย. 2018 11:11 am โดย จันนุสรณ์ ดีแก่