HTML <input> แท็ก
ตัวอย่าง
รูปแบบ HTML ง่ายๆที่มีสองกล่องใส่ข้อความและปุ่มส่ง:
<form
action="demo_form.asp">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="提交">
</form>
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="提交">
</form>
ลอง»
(ด้านล่างของหน้าเว็บที่คุณสามารถดูตัวอย่างเพิ่มเติม)
สนับสนุนเบราว์เซอร์
เบราว์เซอร์ส่วนใหญ่สนับสนุน <input> แท็ก
คำจำกัดความและคำแนะนำการแท็ก
<input> แท็กระบุผู้ใช้สามารถป้อนข้อมูลซึ่งในการป้อนข้อมูล
<input> องค์ประกอบใน <form> องค์ประกอบที่จะใช้สำหรับการประกาศให้ผู้ใช้สามารถป้อนข้อมูลเข้าควบคุม
ช่องใส่สามารถเปลี่ยนแปลงได้ในหลายวิธีขึ้นอยู่กับชนิดของแอตทริบิวต์
เคล็ดลับและคำอธิบาย
หมายเหตุ: <input> ว่างเปล่ามันมีคุณลักษณะแท็กเท่านั้น
เคล็ดลับ: คุณสามารถใช้ <label> การกำหนดฉลาก <input> องค์ประกอบ
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
ใน HTML 4.01 "จัด" ข้อมูลจะไม่ได้ใช้ คุณลักษณะนี้จะไม่ได้รับการสนับสนุนใน HTML5 คุณสามารถกำหนดจัดตำแหน่งของ <input> องค์ประกอบโดยใช้แบบ CSS
ใน HTML5, <input> เพิ่มคุณสมบัติหลาย ๆ อย่างและเพิ่มค่าที่สอดคล้องกัน
ความแตกต่างระหว่าง HTML และ XHTML
ใน HTML, <input> แท็กไม่มีแท็กปิด
ใน XHTML, <input> แท็กจะต้องปิดอย่างถูกต้อง
คุณสมบัติ
ใหม่: HTML5 แท็กใหม่
| คุณสมบัติ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| ยอมรับ | เสียง / วิดีโอ * / * ภาพ / * MIME_type | ประเภทระบุโดยการอัปโหลดไฟล์ที่จะส่งเอกสาร (เฉพาะประเภท = "ไฟล์") |
| เป็นเส้นตรง | ซ้ายขวาด้านล่างตรงกลางด้านบน | HTML5 ล้าสมัยเลิก การจัดตำแหน่งที่กำหนดไว้ของภาพที่นำเข้า (เฉพาะประเภท = "ภาพ") |
| Alt | ข้อความ | กําหนดการป้อนข้อความภาพสำรอง (เฉพาะประเภท = "ภาพ") |
| การทำให้สมบูรณ์อัตโนมัติ ใหม่ | ในการปิด | แอตทริบิวต์การเติมข้อความอัตโนมัติระบุ <input> ช่องใส่องค์ประกอบไม่ว่าคุณควรเปิดใช้งานอัตโนมัติเสร็จ |
| ออโต้โฟกัส ใหม่ | ออโต้โฟกัส | แอตทริบิวต์ระบุเมื่อโหลดหน้า <input> องค์ประกอบโดยอัตโนมัติควรจะได้รับการมุ่งเน้น |
| ถูกตรวจสอบ | ถูกตรวจสอบ | แอตทริบิวต์ระบุการตรวจสอบเมื่อโหลดหน้าควรจะเลือกไว้ล่วงหน้า <input> องค์ประกอบ (เฉพาะประเภท = "ช่องทำเครื่องหมาย" หรือ type = "วิทยุ") |
| พิการ | พิการ | บทบัญญัติสถานที่ให้บริการคนพิการควรจะปิดการใช้งาน <input> องค์ประกอบ |
| รูปแบบ ใหม่ | form_id | ระบุรูปแบบแอตทริบิวต์ <input> องค์ประกอบในรูปแบบของหนึ่งหรือมากกว่ากรรมสิทธิ์ |
| formaction ใหม่ | URL | แอตทริบิวต์ URL ที่ระบุขั้นตอนการควบคุมการป้อนข้อมูลเมื่อส่งแบบฟอร์ม (เฉพาะ type = "ส่ง" และพิมพ์ = "ภาพ") |
| formenctype ใหม่ | แอพลิเคชัน / x-www ฟอร์ม urlencoded ข้อความ multipart / form ข้อมูล / ธรรมดา | แอตทริบิวต์ระบุเมื่อฟอร์มถูกส่งไปยังเซิร์ฟเวอร์วิธีการเข้ารหัสข้อมูล (เฉพาะ type = "ส่ง" และพิมพ์ = "ภาพ") |
| formmethod ใหม่ | ได้รับการโพสต์ | กำหนดส่งข้อมูลแบบฟอร์มไปยัง URL กระทำของวิธีการของ HTTP (เฉพาะ type = "ส่ง" และพิมพ์ = "ภาพ") |
| formnovalidate ใหม่ | formnovalidate | แทนที่คุณสมบัติ formnovalidate <form> แอตทริบิวต์ novalidate ขององค์ประกอบ |
| formtarget ใหม่ | _ blank _self _parent framename _top | หลังจากส่งแบบฟอร์มที่กำหนดแสดงที่แสดงชื่อการตอบสนองที่ได้รับหรือคำหลัก (เฉพาะ type = "ส่ง" และพิมพ์ = "ภาพ") |
| ความสูง ใหม่ | พิกเซล | บทบัญญัติ <input> ความสูงขององค์ประกอบ (เฉพาะประเภท = "ภาพ") |
| รายการ ใหม่ | datalist_id | อ้างอิงทรัพย์สิน <DataList> องค์ประกอบซึ่งมีตัวเลือกที่กำหนดไว้ล่วงหน้า <input> องค์ประกอบ |
| แม็กซ์ ใหม่ | วันจำนวน | แอตทริบิวต์ระบุ <input> สูงสุด |
| MAXLENGTH | จำนวน | แอตทริบิวต์ระบุ <input> องค์ประกอบจำนวนสูงสุดของตัวละครที่ได้รับอนุญาต |
| นาที ใหม่ | วันจำนวน | แอตทริบิวต์ระบุ <input> ของขั้นต่ำ |
| หลาย ใหม่ | หลายอย่าง | แอตทริบิวต์ที่ระบุให้ผู้ใช้สามารถป้อนค่าหลายรายการ <input> องค์ประกอบ |
| ชื่อ | ข้อความ | ชื่อแอตทริบิวต์ระบุ <input> ชื่อขององค์ประกอบ |
| รูปแบบ ใหม่ | regexp | แอตทริบิวต์ระบุรูปแบบที่ใช้ในการตรวจสอบ <input> องค์ประกอบของความคุ้มค่าของการแสดงออกปกติ |
| ตัวยึด ใหม่ | ข้อความ | แอตทริบิวต์ตัวยึดให้คำอธิบายสั้น ๆ ของการป้อนข้อความ <input> ฟิลด์คือค่าคาดว่า |
| อ่านได้อย่างเดียว | อ่านได้อย่างเดียว | แอตทริบิวต์อ่านได้อย่างเดียวระบุช่องใส่อ่านอย่างเดียว |
| ที่จำเป็นต้องใช้ ใหม่ | จำเป็นต้องใช้ | แอตทริบิวต์ระบุช่องใส่จะต้องเติมเต็มในก่อนที่จะส่งแบบฟอร์ม |
| ขนาด | จำนวน | แอตทริบิวต์ความกว้างที่มองเห็นได้ระบุขนาดในแง่ของจำนวนตัวอักษร <input> องค์ประกอบ |
| src | URL | src แอตทริบิวต์ระบุ URL ปุ่มส่งปรากฏเป็นภาพ (เฉพาะประเภท = "ภาพ") |
| ขั้นตอน ใหม่ | จำนวน | แอตทริบิวต์ขั้นตอนที่ระบุดิจิตอล <input> ช่วงทางกฎหมายองค์ประกอบ |
| ชนิด | ปุ่ม ช่องทำเครื่องหมาย สี วันที่ วันที่และเวลา วันที่และเวลาท้องถิ่น อีเมล ไฟล์ ซ่อนเร้น ภาพ เดือน จำนวน รหัสผ่าน วิทยุ พิสัย รีเซ็ต ค้นหา เสนอ โทร ข้อความ เวลา URL สัปดาห์ | <input> ประเภทแอตทริบิวต์ระบุชนิดขององค์ประกอบที่คุณต้องการแสดง |
| ความคุ้มค่า | ข้อความ | ระบุ <input> ค่าองค์ประกอบของความคุ้มค่า |
| ความกว้างของ ใหม่ | พิกเซล | แอตทริบิวต์ระบุความกว้าง <input> ความกว้างขององค์ประกอบ (เฉพาะประเภท = "ภาพ") |
อสังหาริมทรัพย์ทั่วโลก
<input> tag สนับสนุนคุณลักษณะทั่วโลกมุมมองที่สมบูรณ์แผ่นคุณสมบัติ HTML แอตทริบิวต์ทั่วโลก
คุณสมบัติเหตุการณ์
<input> tag สนับสนุนทุก คุณลักษณะเหตุการณ์ HTML