HTML <input> Tag

ตัวอย่าง

รูปแบบ 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="Submit">
</form>

ลองตัวเอง»

ความหมายและการใช้งาน

<input> แท็กระบุช่องใส่ที่ผู้ใช้สามารถป้อนข้อมูล

<input> องค์ประกอบที่จะใช้ภายใน <form> องค์ประกอบในการประกาศควบคุมการนำเข้าที่ให้ผู้ใช้สามารถป้อนข้อมูล

สนามการป้อนข้อมูลอาจแตกต่างกันในหลาย ๆ ขึ้นอยู่กับ type แอตทริบิวต์

สนับสนุนเบราว์เซอร์

ธาตุ
<input>	ใช่	ใช่	ใช่	ใช่	ใช่

เคล็ดลับและคำอธิบาย

หมายเหตุ: <input> องค์ประกอบที่ว่างเปล่ามันมีคุณลักษณะเฉพาะ

เคล็ดลับ: ใช้ <label> องค์ประกอบในการกำหนดป้ายชื่อสำหรับ <input> องค์ประกอบ

ความแตกต่างระหว่าง HTML 4.01 และ HTML5

"align" แอตทริบิวต์ไม่สนับสนุนใน HTML5

ใน HTML5 ที่ <input> แท็กมีคุณลักษณะใหม่ ๆ และ type แอตทริบิวต์มีค่าใหม่หลาย

ความแตกต่างระหว่าง HTML และ XHTML

ใน HTML ที่ <input> แท็กไม่มีแท็กปิด

ใน XHTML ที่ <input> แท็กจะต้องปิดอย่างถูกต้องเช่นนี้ <input />

แอตทริบิวต์

= ใหม่ใน HTML5

คุณลักษณะ	ความคุ้มค่า	ลักษณะ
accept	file_extension audio/* video/* image/* media_type	ระบุชนิดของแฟ้มที่เซิร์ฟเวอร์ยอมรับ (เฉพาะ type="file" )
align	left right top middle bottom	ได้รับการสนับสนุนใน HTML5 ระบุการจัดตำแหน่งของการป้อนข้อมูลภาพ (เฉพาะ type="image" )
alt	text	ระบุข้อความอื่นสำหรับภาพ (เฉพาะ type="image" )
autocomplete	on off	ระบุว่า <input> องค์ประกอบที่ควรจะมีการเติมข้อความอัตโนมัติที่เปิดใช้งาน
autofocus	autofocus	ระบุว่า <input> องค์ประกอบที่ควรจะได้รับโดยอัตโนมัติเน้นเมื่อโหลดหน้าเว็บ
checked	checked	ระบุว่า <input> องค์ประกอบที่ควรจะเลือกไว้ล่วงหน้าเมื่อมีการโหลดหน้าเว็บ (สำหรับ type="checkbox" หรือ type="radio" )
dirname	inputname.dir	ระบุว่าทิศทางของข้อความจะถูกส่ง
disabled	disabled	ระบุว่า <input> องค์ประกอบที่ควรจะปิดการใช้งาน
form	form_id	ระบุหนึ่งหรือมากกว่าหนึ่งรูปแบบ <input> องค์ประกอบเป็น
formaction	URL	ระบุ URL ของแฟ้มที่จะดำเนินการควบคุมการป้อนข้อมูลเมื่อส่งแบบฟอร์ม (สำหรับ type="submit" และ type="image" )
formenctype	application/x-www-form-urlencoded multipart/form-data text/plain	ระบุว่าข้อมูลรูปแบบที่ควรจะเข้ารหัสเมื่อส่งไปยังเซิร์ฟเวอร์ ( type="submit" และ type="image" )
formmethod	get post	กำหนดวิธี HTTP สำหรับการส่งข้อมูลไปยัง URL ที่การกระทำ (สำหรับ type="submit" และ type="image" )
formnovalidate	formnovalidate	กำหนดว่าองค์ประกอบของแบบฟอร์มไม่ควรถูกตรวจสอบเมื่อส่ง
formtarget	_blank _self _parent _top framename	ระบุตำแหน่งที่จะแสดงการตอบสนองที่ได้รับหลังการส่งแบบฟอร์ม (สำหรับ type="submit" และ type="image" )
height	pixels	ระบุความสูงของนั้น <input> องค์ประกอบ (เฉพาะ type="image" )
list	datalist_id	หมายถึง <datalist> องค์ประกอบที่มีตัวเลือกที่กำหนดไว้ล่วงหน้าสำหรับ <input> องค์ประกอบ
max	number date	ระบุค่าสูงสุดสำหรับ <input> องค์ประกอบ
maxlength	number	ระบุจำนวนสูงสุดของตัวละครที่ได้รับอนุญาตใน <input> องค์ประกอบ
min	number date	ระบุค่าต่ำสุดสำหรับ <input> องค์ประกอบ
multiple	multiple	ระบุว่าผู้ใช้สามารถป้อนค่ามากกว่าหนึ่งใน <input> องค์ประกอบ
name	text	ระบุชื่อของนั้น <input> องค์ประกอบ
pattern	regexp	ระบุการแสดงออกปกติที่ <input> ค่าองค์ประกอบของการตรวจสอบกับ
placeholder	text	ระบุคำแนะนำสั้น ๆ ที่อธิบายถึงค่าที่คาดหวังของ <input> องค์ประกอบ
readonly	readonly	ระบุว่าช่องใส่อ่านอย่างเดียว
required	required	ระบุว่าช่องใส่ต้องกรอกก่อนที่จะส่งแบบฟอร์ม
size	number	ระบุความกว้างในตัวอักษรของ <input> องค์ประกอบ
src	URL	ระบุ URL ของภาพที่จะใช้เป็นปุ่มส่ง (เฉพาะ type="image" )
step	number	ระบุช่วงเวลาที่กฎหมายสำหรับจำนวนช่องใส่
type	button checkbox color date datetime datetime-local email file hidden image month number password radio range reset search submit tel text time url week	ระบุชนิด <input> องค์ประกอบที่จะแสดง
value	text	ระบุค่าของนั้น <input> องค์ประกอบ
width	pixels	ระบุความกว้างของนั้น <input> องค์ประกอบ (เฉพาะ type="image" )

แอตทริบิวต์ทั่วโลก

<input> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML

แอตทริบิวต์เหตุการณ์

<input> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML

หน้าเว็บที่เกี่ยวข้อง

กวดวิชา HTML: รูปแบบ HTML

อ้างอิง HTML DOM:

ตั้งค่าเริ่มต้น CSS

ไม่มี.

❮ก่อนหน้า ถัดไป❯

HTML การอ้างอิง

HTML แท็ก