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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
R-mdsoft_purchases_order_print
โดย tatiya ศ 21 ก.ย. 2018 7:02 pm บอร์ด M065 - ตติยะ นาชัย
0
2
ศ 21 ก.ย. 2018 7:02 pm โดย tatiya
Logo ThailandHotel
โดย tai14 ศ 21 ก.ย. 2018 3:53 pm บอร์ด MT26 - นางสาวอัครยุภา ยงยุทธ
0
6
ศ 21 ก.ย. 2018 3:53 pm โดย tai14
Thaivi Web Upgrade List
โดย mindphp ศ 21 ก.ย. 2018 1:55 pm บอร์ด phpBB3 Project
0
3
ศ 21 ก.ย. 2018 1:55 pm โดย mindphp
R - mdsoft_ziri_invoice_print - ใบอินวอยซ์ (MT24)
โดย prakon ศ 21 ก.ย. 2018 10:15 am บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
1
8
ศ 21 ก.ย. 2018 7:05 pm โดย prakon
งานประจำวันที่ 21 กันยายน 2561
โดย prakon ศ 21 ก.ย. 2018 9:44 am บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
1
16
ศ 21 ก.ย. 2018 9:46 am โดย prakon
งานประจำวันที่ 21 กันยายน 2561
โดย Ittichai_chupol ศ 21 ก.ย. 2018 9:44 am บอร์ด M070 - อิทธิชัย ชูผล
1
12
ศ 21 ก.ย. 2018 6:29 pm โดย Ittichai_chupol
งานประจำวันที่ 21 กันยายน 2561
โดย muneela ศ 21 ก.ย. 2018 9:37 am บอร์ด M068 - มุนีลา หมัดบาซา
1
11
ศ 21 ก.ย. 2018 6:26 pm โดย muneela
งานประจำวันที่ 21 กันยายน 2561
โดย tatiya ศ 21 ก.ย. 2018 9:35 am บอร์ด M065 - ตติยะ นาชัย
0
1
ศ 21 ก.ย. 2018 9:35 am โดย tatiya
งานประจำวันที่ 21 กันยายน 2561
โดย pprn ศ 21 ก.ย. 2018 9:17 am บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
1
8
ศ 21 ก.ย. 2018 6:12 pm โดย pprn
งานประจำวันที่ 21 กันยายน 2561
โดย tai14 ศ 21 ก.ย. 2018 9:11 am บอร์ด MT26 - นางสาวอัครยุภา ยงยุทธ
1
6
ศ 21 ก.ย. 2018 6:18 pm โดย tai14
R - mod_jshopping_products_reviews โมดูลการรีวิวสินค้า
โดย pprn พฤ 20 ก.ย. 2018 6:58 pm บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
2
8
ศ 21 ก.ย. 2018 6:12 pm โดย pprn
phpbb ติดตั้งภาษาไทยไม่ได้
โดย Ittichai_chupol พฤ 20 ก.ย. 2018 6:52 pm บอร์ด Programming - PHP
3
35
ศ 21 ก.ย. 2018 11:09 am โดย Ittichai_chupol
R-mdsoft_create_generate_opening_entries
โดย tatiya พฤ 20 ก.ย. 2018 6:36 pm บอร์ด M065 - ตติยะ นาชัย
1
8
พฤ 20 ก.ย. 2018 9:42 pm โดย tatiya
R-mdsoft_change_product_type_stockable
โดย tatiya พฤ 20 ก.ย. 2018 6:32 pm บอร์ด M065 - ตติยะ นาชัย
1
8
พฤ 20 ก.ย. 2018 9:08 pm โดย tatiya
phpbb ubuntu ติดตั้งอย่างไร
โดย Ittichai_chupol พฤ 20 ก.ย. 2018 5:13 pm บอร์ด Programming - PHP
5
42
ศ 21 ก.ย. 2018 12:11 pm โดย ucasino88
แนะนำ จังหวัดจันทบุรี จากคำขวัญ ส่วนที่ 1
โดย Ittichai_chupol พฤ 20 ก.ย. 2018 4:17 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
20
พฤ 20 ก.ย. 2018 4:17 pm โดย Ittichai_chupol
อยากจะทราบว่า ทำอย่างไรให้สามารถ รัน php บน ubuntu
โดย Ittichai_chupol พฤ 20 ก.ย. 2018 4:10 pm บอร์ด Programming - PHP
0
18
พฤ 20 ก.ย. 2018 4:10 pm โดย Ittichai_chupol
บันทึกการรับสินค้า โดยการกรองราคาสินค้า พร้อมคำนวนต้นทุนเฉลีย php
โดย Ittichai_chupol พฤ 20 ก.ย. 2018 3:09 pm บอร์ด PHP Knowledge
0
21
พฤ 20 ก.ย. 2018 3:09 pm โดย Ittichai_chupol
php การตรวจสอบการชำระเงินค่าสินค้าเกินกำหนด
โดย Ittichai_chupol พฤ 20 ก.ย. 2018 1:56 pm บอร์ด PHP Knowledge
0
23
พฤ 20 ก.ย. 2018 1:56 pm โดย Ittichai_chupol
php function แปลงวันที่จากฐานข้อมูล เป็นวันที่ แบบไทย อย่างง่าย
โดย Ittichai_chupol พฤ 20 ก.ย. 2018 10:35 am บอร์ด Programming - PHP
0
21
พฤ 20 ก.ย. 2018 10:35 am โดย Ittichai_chupol