ใช้แท็ก HTML ในแบบฟอร์มเพื่อประกาศองค์ประกอบอินพุต - ตัวควบคุมที่อนุญาตให้ผู้ใช้ป้อนข้อมูล
ต่อไปนี้คือคุณลักษณะ −
| แอตทริบิวต์ | ค่า | คำอธิบาย |
|---|---|---|
| accept | ประเภทเนื้อหา | ระบุรายการประเภทเนื้อหาที่คั่นด้วยเครื่องหมายจุลภาคที่เซิร์ฟเวอร์ยอมรับ |
| align | left ขวา สูงสุด กลาง ล่าง | เลิกใช้ − กำหนดการจัดตำแหน่งของเนื้อหา |
| alt | Text | ระบุข้อความที่จะใช้ในกรณีที่เบราว์เซอร์/ตัวแทนผู้ใช้ไม่สามารถแสดงการควบคุมอินพุตได้ |
การเติมข้อความอัตโนมัติ  | on ปิด | ระบุการเปิดใช้งานหรือปิดใช้งานการเติมข้อความอัตโนมัติในองค์ประกอบ |
ออโต้โฟกัส  | ออโต้โฟกัส | ระบุว่าองค์ประกอบ ควรได้รับการโฟกัสโดยอัตโนมัติเมื่อโหลดหน้าเว็บ |
| checked | Checked | หาก type ="radio" หรือ type ="checkbox" ระบบจะเลือกไว้เมื่อโหลดหน้าเว็บ |
| disabled | ปิดการใช้งาน | ปิดใช้งานการควบคุมอินพุต ปุ่มนี้จะไม่ยอมรับการเปลี่ยนแปลงจากผู้ใช้ นอกจากนี้ยังไม่สามารถรับโฟกัสได้และจะถูกข้ามเมื่อแท็บ |
form  | form_id | ระบุอย่างน้อยหนึ่งรูปแบบ |
formaction  | URL | ระบุ URL ของไฟล์ที่จะประมวลผลการควบคุมอินพุตเมื่อส่งแบบฟอร์ม |
formenctype  | application/x-www-form-urlencoded multipart/form-data ข้อความ/ธรรมดา | ระบุว่าควรเข้ารหัส form-data อย่างไรเมื่อส่งไปยังเซิร์ฟเวอร์ |
formmethod  | post รับ | กำหนดวิธี HTTP สำหรับการส่งข้อมูลไปยัง URL การดำเนินการ |
formnovalidate  | Formnovalidate | กำหนดว่าไม่ควรตรวจสอบองค์ประกอบของแบบฟอร์มเมื่อส่ง |
fromtarget  | _blank _ตัวเอง _พ่อแม่ _สูงสุด | ระบุเป้าหมายที่การตอบสนองจะเป็นการแสดงผลที่ได้รับหลังจากส่งแบบฟอร์ม |
ความสูง  | Pixels | ระบุความสูง |
list  | datalist_id | ระบุองค์ประกอบ |
max  | ออโต้โฟกัส | ระบุค่าสูงสุด |
| ความยาวสูงสุด | Number | กำหนดจำนวนอักขระสูงสุดที่อนุญาตในช่องข้อความ |
นาที  | Number | ระบุค่าต่ำสุด |
multiple  | Multiple | ระบุว่าผู้ใช้สามารถป้อนค่าได้หลายค่า |
| ชื่อ | Text | กำหนดชื่อให้กับตัวควบคุมอินพุต |
pattern  | Regexp | ระบุนิพจน์ทั่วไปที่มีการตรวจสอบค่าขององค์ประกอบ |
ตัวยึดตำแหน่ง  | Text | ระบุคำใบ้สั้นๆ ที่อธิบายค่าที่คาดไว้ |
| อ่านอย่างเดียว | อ่านอย่างเดียว | ตั้งค่าการควบคุมอินพุตเป็นแบบอ่านอย่างเดียว จะไม่อนุญาตให้ผู้ใช้เปลี่ยนค่า อย่างไรก็ตาม ตัวควบคุมสามารถรับโฟกัสและรวมไว้เมื่อแท็บผ่านตัวควบคุมฟอร์ม |
required  | required | ระบุว่าต้องกรอกข้อมูลในช่องป้อนข้อมูลก่อนส่งแบบฟอร์ม |
| ขนาด | Number | ระบุความกว้างของตัวควบคุม ถ้า type ="text" หรือ type ="password" หมายถึงความกว้างของตัวอักษร มิฉะนั้นจะเป็นหน่วยพิกเซล |
| src | URL | กำหนด URL ของรูปภาพที่จะแสดง ใช้สำหรับ type ="image" เท่านั้น |
step  | Number | ระบุช่วงตัวเลขทางกฎหมายสำหรับช่องใส่ |
| type | กล่องกาเครื่องหมายปุ่มสี วันที่ วันที่ เวลา datetime-local email ไฟล์ ที่ซ่อนอยู่ ภาพ เดือน รหัสผ่านหมายเลข วิทยุ พิสัย รีเซ็ต ค้นหา ส่ง โทร ข้อความ เวลา url สัปดาห์ | ระบุประเภทของการควบคุม |
| value | Text | ระบุค่าเริ่มต้นสำหรับ control.If type ="checkbox" หรือ type ="radio" จำเป็นต้องมีแอตทริบิวต์นี้ |
ความกว้าง  | พิกเซล | ระบุความกว้าง |
ตัวอย่าง
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้ องค์ประกอบใน HTML -
<!DOCTYPE html> <html> <head> <title>HTML input Tag</title> </head> <body> <form action = "/cgi-bin/hello_get.cgi" method = "get"> First name: <input type = "text" name = "first_name" value = "" maxlength = "100" /> <br /> Last name: <input type = "text" name = "last_name" value = "" maxlength = "100" /> <input type = "submit" value = "Submit" /> </form> </body> </html>
