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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
งานประจำวันที่ 22 พฤษภาคม 2561
โดย Rujikon อ 22 พฤษภาคม 2018 10:37 am บอร์ด M060 - นายรุจิกร พงษ์พิละ
0
4
อ 22 พฤษภาคม 2018 10:37 am โดย Rujikon
งานประจำวันที่ 22 พฤษภาคม 2561
โดย rangsan อ 22 พฤษภาคม 2018 9:47 am บอร์ด M058 - รังสรรค์ มุ่งกลาง
0
4
อ 22 พฤษภาคม 2018 9:47 am โดย rangsan
งานประจำวันที่ 22 พฤษภาคม 2561
โดย Parichat อ 22 พฤษภาคม 2018 9:36 am บอร์ด M061 - ปาริชาติ รัตโณภาส
0
2
อ 22 พฤษภาคม 2018 9:36 am โดย Parichat
โน๊ตช่วยจำของ M061
โดย Parichat จ 21 พฤษภาคม 2018 11:50 pm บอร์ด M061 - ปาริชาติ รัตโณภาส
1
1
จ 21 พฤษภาคม 2018 11:52 pm โดย Parichat
งานประจำวันที่ 21 พฤษภาคม 2561
โดย Parichat จ 21 พฤษภาคม 2018 6:53 pm บอร์ด M061 - ปาริชาติ รัตโณภาส
3
8
จ 21 พฤษภาคม 2018 11:57 pm โดย Parichat
Re - R ทำปิดบัญเขียนด้วย IDE Test เป็น webdriver
โดย rangsan จ 21 พฤษภาคม 2018 7:02 pm บอร์ด M058 - รังสรรค์ มุ่งกลาง
0
4
จ 21 พฤษภาคม 2018 7:02 pm โดย rangsan
แนะนำฟีดเจอการทำงานของระบบ OpenERP
โดย Rujikon จ 21 พฤษภาคม 2018 7:01 pm บอร์ด M060 - นายรุจิกร พงษ์พิละ
0
2
จ 21 พฤษภาคม 2018 7:01 pm โดย Rujikon
สอบถามสิทธิประกันสังคม บริการทางการแพทย์
โดย AePongsak จ 21 พฤษภาคม 2018 4:37 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
3
16
จ 21 พฤษภาคม 2018 6:14 pm โดย AePongsak
การติดตั้ง Selenium IDE บน FireFox เพือใช้ในการทำ Automate Test
โดย rangsan จ 21 พฤษภาคม 2018 4:27 pm บอร์ด Share Knowledge
0
9
จ 21 พฤษภาคม 2018 4:27 pm โดย rangsan
Q - ต้องการที่จะทำให้ Selenium นั้นคลิกปุ่มตามที่กำหนด
โดย rangsan จ 21 พฤษภาคม 2018 3:23 pm บอร์ด Selenium
3
9
จ 21 พฤษภาคม 2018 5:14 pm โดย rangsan
การสร้าง Field สำหรับ XML Form ในระบบ Joomla
โดย Parichat จ 21 พฤษภาคม 2018 2:52 pm บอร์ด Joomla Developing Knowledge
0
10
จ 21 พฤษภาคม 2018 2:52 pm โดย Parichat
B - MJUpgrade ค้างที่ขั้นตอน Upgrading
โดย tsukasaz จ 21 พฤษภาคม 2018 11:00 am บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
3
จ 21 พฤษภาคม 2018 5:59 pm โดย tsukasaz
B-ไม่สามารถส่งอีเมลล์หาลูกค้าใน Lead ได้
โดย watcharin จ 21 พฤษภาคม 2018 10:33 am บอร์ด M.D.Soft Co.,Ltd. - Tester
1
9
จ 21 พฤษภาคม 2018 10:43 am โดย mindphp
งานประจำวันที่ 21 พฤษภาคม 2561
โดย Rujikon จ 21 พฤษภาคม 2018 9:56 am บอร์ด M060 - นายรุจิกร พงษ์พิละ
2
16
จ 21 พฤษภาคม 2018 7:37 pm โดย Rujikon
งานประจำวันที่ 21 พฤษภาคม 2561
โดย rangsan จ 21 พฤษภาคม 2018 9:56 am บอร์ด M058 - รังสรรค์ มุ่งกลาง
1
6
จ 21 พฤษภาคม 2018 7:04 pm โดย rangsan
B - Write Checks error
โดย thatsawan อ 20 พฤษภาคม 2018 11:08 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
2
อ 20 พฤษภาคม 2018 11:08 pm โดย thatsawan
B - กรณีที่เปิด sup inv 2 ใบสถานะ open เเล้วเปิด Sup Payments inv 2 ใบ สถานะ open เเล้วcancel inv 1 ทำให้ Sup Paymenพัง
โดย thatsawan อ 20 พฤษภาคม 2018 10:57 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
3
อ 20 พฤษภาคม 2018 10:57 pm โดย thatsawan
B - error Supplier Payments
โดย thatsawan อ 20 พฤษภาคม 2018 10:29 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
2
อ 20 พฤษภาคม 2018 10:29 pm โดย thatsawan
งานประจำวัน 19 พฤษภาคม 2561
โดย patcha635 ส 19 พฤษภาคม 2018 7:26 pm บอร์ด M059 - พัชมณ สุวรรณ
0
3
ส 19 พฤษภาคม 2018 7:26 pm โดย patcha635
Re: R - รับค่าจากฟอร์ม รับ Selenium webdirve เพื่อ ทำ automates test ระบบ ERP
โดย rangsan ส 19 พฤษภาคม 2018 7:08 pm บอร์ด M058 - รังสรรค์ มุ่งกลาง
0
5
ส 19 พฤษภาคม 2018 7:08 pm โดย rangsan