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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
MOD_MTB_NEWS_RECENT
ขอความช่วยเหลือ ปัญหาการ restart service
โดย bom_002 จ 27 มี.ค. 2017 8:25 pm บอร์ด OpenERP
0
9
จ 27 มี.ค. 2017 8:25 pm โดย bom_002
B - Validate customer payment ไม่ได้
โดย thatsawan จ 27 มี.ค. 2017 7:01 pm บอร์ด OpenERP Light Tester
0
3
จ 27 มี.ค. 2017 7:01 pm โดย thatsawan
ถามวิธีการแก้ตารางล้นกรอบ
โดย dawthana จ 27 มี.ค. 2017 6:16 pm บอร์ด OpenERP
0
7
จ 27 มี.ค. 2017 6:16 pm โดย dawthana
ติดตั้ง Google Chrome(กรูเกิลโครม) บน ubuntu 16.04
โดย bom_002 จ 27 มี.ค. 2017 5:11 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
10
จ 27 มี.ค. 2017 5:11 pm โดย bom_002
การติดตั้ง Skype(สไกป์) บนระบบปฏิบัติการ ubuntu 16.04
โดย bom_002 จ 27 มี.ค. 2017 4:01 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
15
จ 27 มี.ค. 2017 4:01 pm โดย bom_002
Laragon โปรแกรมจำลอง Server สำหรับพัฒนาเว็บไซต์ด้วยภาษา PHP
โดย tsukasaz จ 27 มี.ค. 2017 3:45 pm บอร์ด Weekly Knowledge
2
8
จ 27 มี.ค. 2017 3:45 pm โดย mindphp
GRUB (Restoring GRUB) คืออะไร
โดย bom_002 จ 27 มี.ค. 2017 12:32 pm บอร์ด Linux - Web Server
0
15
จ 27 มี.ค. 2017 12:32 pm โดย bom_002
รายงานประจำวันที่ 27 มีนาคม 2560
โดย bom_002 จ 27 มี.ค. 2017 10:15 am บอร์ด M043 - นพรัตน์ เกษเจริญคุณ
3
8
จ 27 มี.ค. 2017 10:15 am โดย bom_002
TODO - extension ปิดสิทธิ์ไม่ให้สมาชิกส่ง PM หากันได้ ยกเว้น ส่งหา admin
โดย thatsawan อ 26 มี.ค. 2017 11:35 pm บอร์ด phpBB3 Mods & Extensions
0
1
อ 26 มี.ค. 2017 11:35 pm โดย thatsawan
เมื่อลงโปรแกรม ubuntu 16.04 ใกล้เสร็จแล้ว แต่เกิด error ขึ้นครับ
โดย bom_002 ส 25 มี.ค. 2017 5:13 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
31
ส 25 มี.ค. 2017 5:13 pm โดย mindphp
วิธีแก้ error UnicodeDecodeError: 'ascii' ด้วย ตัวแปล,encode('utf-8','ignore') ปัญหาจากข้อมูลที่เป็นภาษาไทย
โดย thatsawan ส 25 มี.ค. 2017 3:23 pm บอร์ด OpenERP
0
5
ส 25 มี.ค. 2017 3:23 pm โดย thatsawan
วิธีเปลี่ยนรูปแบบวันที่ ปี- เดือน - วัน เวลา [2017-02-23 05:00:00] -> วัน - เดือน - ปี [23 - 02 -2017]
โดย thatsawan ส 25 มี.ค. 2017 3:04 pm บอร์ด OpenERP
0
1
ส 25 มี.ค. 2017 3:04 pm โดย thatsawan
วิธีเปิด debug เเละวิธีการใช้ _logger.debug
โดย thatsawan ส 25 มี.ค. 2017 2:43 pm บอร์ด OpenERP
0
3
ส 25 มี.ค. 2017 2:43 pm โดย thatsawan
วิธีการสร้าง USB boot(ยูเอสบี บูท) บนระบบปฏิบัติการ Ubuntu(ยูบันตู)
โดย bom_002 ส 25 มี.ค. 2017 11:50 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
18
ส 25 มี.ค. 2017 11:50 am โดย bom_002
วิธีการ format(ฟอแมต) และลบ partition(พาสดิชัน) ของ USB disk(ยูเอสบี ดิส) ด้วย command line(คอมมาน ไล)
โดย bom_002 ส 25 มี.ค. 2017 11:13 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
22
ส 25 มี.ค. 2017 11:13 am โดย bom_002
รายงานประจำวันที่ 25 มีนาคม 2560
โดย bom_002 ส 25 มี.ค. 2017 10:11 am บอร์ด M043 - นพรัตน์ เกษเจริญคุณ
3
11
ส 25 มี.ค. 2017 10:11 am โดย bom_002
ต้องการจัดทำระบบ CRM ค่ะต้องทำยังไงบ้างคะ อย
โดย Sawika Maekai ส 25 มี.ค. 2017 4:13 am บอร์ด Programming - PHP
1
22
ส 25 มี.ค. 2017 4:13 am โดย mindphp
อยากสอบถามเรื่องการทำโปรแกรม CRM ค่ะ
โดย Sawika Maekai ส 25 มี.ค. 2017 4:12 am บอร์ด Programming - PHP
0
9
ส 25 มี.ค. 2017 4:12 am โดย Sawika Maekai
ติดตั้ง Pycharm(ไพชาม) บนระบบปฏิบัติการ Ubuntu(อูบันตู)
โดย bom_002 ศ 24 มี.ค. 2017 8:24 pm บอร์ด Linux - Web Server
1
23
ศ 24 มี.ค. 2017 8:24 pm โดย bom_002
R - List module OpenERP และ Odoo
โดย M032 ศ 24 มี.ค. 2017 7:14 pm บอร์ด shop.mindphp.com
0
2
ศ 24 มี.ค. 2017 7:14 pm โดย M032