<input> ได้ แอตทริบิวต์ form
ใช้ระบุว่าช่อง <form> นั้นเป็นส่วนหนึ่งของฟอร์มใด
ค่าของ form ต้องตรงกับ id ของแท็ก <form> ที่ต้องการเชื่อมโยง
<form action="/action_page.php" id="form1">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<input type="submit" value="Submit">
</form>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname" form="form1">
แอตทริบิวต์ formaction
กำหนด URL ของไฟล์ที่ใช้ประมวลผลข้อมูลฟอร์มเมื่อส่งข้อมูล
จะมีผลแทนที่ ค่า action ของแท็ก <form>
submit และ image ตัวอย่าง: ปุ่ม Submit สองปุ่มส่งข้อมูลไปคนละไฟล์
<form action="/action_page.php">
<input type="submit" value="Submit">
<input type="submit" formaction="/action_page2.php" value="Submit as Admin">
</form>
แอตทริบิวต์ formenctype
กำหนดวิธีเข้ารหัสข้อมูลฟอร์มเมื่อส่ง (ใช้กับ method="post" เท่านั้น)
แทนค่าของ enctype ในแท็ก <form> ได้
ใช้ได้กับประเภท: submit และ image
<form action="/action_page_binary.asp" method="post">
<input type="submit" value="Submit">
<input type="submit" formenctype="multipart/form-data"
value="Submit as Multipart/form-data">
</form>
แอตทริบิวต์ formmethod
แอตทริบิวต์ formmethod ใช้กำหนด วิธีการส่งข้อมูลฟอร์ม (HTTP Method) ไปยัง URL ที่ระบุในแอตทริบิวต์ action เช่น get หรือ post แทนค่าของ method ในแท็ก <form> ได้
ใช้ได้กับประเภท: submit และ image
หมายเหตุเกี่ยวกับ get
- ส่งข้อมูลในรูปแบบ
name=valueต่อท้าย URL - เหมาะสำหรับข้อมูลทั่วไปที่ไม่เป็นความลับ
- สามารถบุ๊กมาร์กผลลัพธ์ได้
- ไม่ควรใช้ส่งรหัสผ่านหรือข้อมูลส่วนตัว
post- ส่งข้อมูลในเนื้อหา (body) ของคำขอ HTTP
- ปลอดภัยและไม่มีข้อจำกัดขนาดข้อมูล
- ไม่สามารถบุ๊กมาร์กผลลัพธ์ได้
<form action="/action_page.php" method="get">
<input type="submit" value="Submit using GET">
<input type="submit" formmethod="post" value="Submit using POST">
</form>
แอตทริบิวต์ formtarget
กำหนดว่าจะให้แสดงผลลัพธ์ที่ส่งฟอร์มไปในตำแหน่งใด
แทนค่าของ target ในแท็ก <form> ได้
ใช้ได้กับประเภท: submit และ image
<form action="/action_page.php">
<input type="submit" value="Submit">
<input type="submit" formtarget="_blank" value="Submit to a new window/tab">
</form>
แอตทริบิวต์ formnovalidate
ใช้ระบุว่าอินพุตนี้ ไม่ต้องตรวจสอบความถูกต้องของข้อมูล ก่อนส่ง “เหมาะเมื่อมีปุ่ม Submit หลายปุ่ม เช่น ปุ่มหนึ่งต้องตรวจสอบข้อมูล แต่อีกปุ่มใช้ข้ามการตรวจสอบ
แทนค่าของ novalidate ในแท็ก <form> ได้
ใช้ได้กับประเภท: submit
<form action="/action_page.php">
<label for="email">Enter your email:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="Submit">
<input type="submit" formnovalidate value="Submit without validation">
</form>
แอตทริบิวต์ novalidate
ใช้กับแท็ก <form> เพื่อระบุว่า ไม่ต้องตรวจสอบข้อมูลใด ๆ ทั้งหมดก่อนส่ง
<form action="/action_page.php" novalidate>
<label for="email">Enter your email:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="Submit">
</form>