บทที่ 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