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

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

บทที่ 15 HTML5 Form Attributes ตอนที่ 2
2. autofocus attribute คือ แอทติบิว ระบุว่าเขตข้อมูลโดยอัตโนมัติควรจะได้รับโฟกัสเมื่อเพจโหลด ซึ่งการทำงาน Cursor จะ Focus ไปที่ Input Field ที่กำหนดโดยอัติโนมัติ หลังจากโหลดหน้าเว็บ

<html>
<body>

<form action="demo_form.asp">
  First name:<input type="text" name="fname" autofocus><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit">
</form>

</body>
</html>

ผลลัพธ์คือ

3. novalidate attribute คือ แอทติบิว ที่ใช้กำหนดค่าของข้อมูล โดยค่าของข้อมูลจะแสดงก็ต่อเมื่อ คลิก submit
ตัวอย่าง

<html>
<body>

<form action="demo_form.asp" novalidate>
E-mail: <input type="email" name="user_email">
<input type="submit">
</form>

</body>
</html>

ผลลัพธ์คือ

4. form attribute คือ แอทติบิวที่ใช้กำหนดชื่อ Form ตั้งแต่ 1 form เพื่อเข้ารหัส
ตัวอย่าง

<html>
<body>

<form action="demo_form.asp" id="form1">
First name: <input type="text" name="fname"><br>
<input type="submit" value="Submit">
</form>

<p>ช่อง "Last name" ที่อยู่ด้านล่างแท็ก form นี้เป็นส่วนหนึ่งของแท็ก form</p>
Last name: <input type="text" name="lname" form="form1">

</body>
</html>

ผลลัพธ์คือ


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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
วิธีติดตั้ง Netbeans8.2 บน Ubuntu
โดย AePongsak พ 23 พฤษภาคม 2018 4:48 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
0
4
พ 23 พฤษภาคม 2018 4:48 pm โดย AePongsak
สอบถามการติดตั้ง LAMP Server บน Ubuntu 18.04 ด้วยครับ
โดย AePongsak พ 23 พฤษภาคม 2018 3:54 pm บอร์ด SQL - Database
1
9
พ 23 พฤษภาคม 2018 5:24 pm โดย mindphp
งานประจำวันที่ 23 พฤษภาคม 2561
โดย Rujikon พ 23 พฤษภาคม 2018 2:38 pm บอร์ด M060 - นายรุจิกร พงษ์พิละ
0
2
พ 23 พฤษภาคม 2018 2:38 pm โดย Rujikon
อัพเดทด่วน Joomla เวอร์ชั่น 3.8.8 ปรับปรุงเรื่องความปลอดภัยและแก้ไขข้อผิดพลาดต่างๆ
โดย tsukasaz พ 23 พฤษภาคม 2018 11:40 am บอร์ด PHP News
0
12
พ 23 พฤษภาคม 2018 11:40 am โดย tsukasaz
งานประจำวันที่ 23 พฤษภาคม 2561
โดย rangsan พ 23 พฤษภาคม 2018 9:56 am บอร์ด M058 - รังสรรค์ มุ่งกลาง
0
1
พ 23 พฤษภาคม 2018 9:56 am โดย rangsan
[ปัญหา] การอัพไฟล์ขึ้น Git ไมสามารถอัพได้
โดย rangsan พ 23 พฤษภาคม 2018 9:53 am บอร์ด Mindphp Task (ทดลองงาน)
0
1
พ 23 พฤษภาคม 2018 9:53 am โดย rangsan
งานประจำวันที่ 23 พฤษภาคม 2561
โดย Parichat พ 23 พฤษภาคม 2018 9:27 am บอร์ด M061 - ปาริชาติ รัตโณภาส
0
1
พ 23 พฤษภาคม 2018 9:27 am โดย Parichat
B - Admin + Financial Manager ไม่เห็นเมนูตั้งค่า
โดย thatsawan อ 22 พฤษภาคม 2018 11:30 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
3
7
พ 23 พฤษภาคม 2018 4:21 pm โดย thatsawan
B - Print inv ที่อยู่ ไม่ขึ้น ชื่อสาขา เป็นอังกฤษ
โดย mindphp อ 22 พฤษภาคม 2018 9:07 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
2
6
อ 22 พฤษภาคม 2018 9:14 pm โดย mindphp
ขอสอบถามเกี่ยวกับ Google sheet ครับ
โดย toonytoony2004 อ 22 พฤษภาคม 2018 8:07 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
10
อ 22 พฤษภาคม 2018 8:07 pm โดย toonytoony2004
วิธีการทำ Menu Button บน Toolbar เพื่อใช้ในการตั้งค่าต่าง ๆ
โดย rangsan อ 22 พฤษภาคม 2018 7:03 pm บอร์ด Mobile Application Developing- Android, iOS
0
8
อ 22 พฤษภาคม 2018 7:03 pm โดย rangsan
วิธีการในการสร้าง Magic Button Android Studio
โดย rangsan อ 22 พฤษภาคม 2018 6:37 pm บอร์ด Mobile Application Developing- Android, iOS
0
6
อ 22 พฤษภาคม 2018 6:37 pm โดย rangsan
งานประจำวันที่ 22 พฤษภาคม 2561
โดย Rujikon อ 22 พฤษภาคม 2018 10:37 am บอร์ด M060 - นายรุจิกร พงษ์พิละ
1
7
อ 22 พฤษภาคม 2018 7:32 pm โดย Rujikon
งานประจำวันที่ 22 พฤษภาคม 2561
โดย rangsan อ 22 พฤษภาคม 2018 9:47 am บอร์ด M058 - รังสรรค์ มุ่งกลาง
1
9
อ 22 พฤษภาคม 2018 7:11 pm โดย rangsan
งานประจำวันที่ 22 พฤษภาคม 2561
โดย Parichat อ 22 พฤษภาคม 2018 9:36 am บอร์ด M061 - ปาริชาติ รัตโณภาส
1
4
อ 22 พฤษภาคม 2018 7:18 pm โดย 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
5
จ 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
20
จ 21 พฤษภาคม 2018 6:14 pm โดย AePongsak