Devdit
 

การสร้างส่วนรับข้อมูลแบบ Text Field HTML

4.3K

สอนการสร้างส่วนรับข้อมูลแบบ Text Field หรือ TextBox ภาษา HTML สร้างผ่านแท็ก input กำหนดค่า attribute type มีค่าเท่ากับ text โดย Text Field รองรับการใส่ข้อมูลข้อความ และตัวเลขจากผู้ใช้งาน สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง การสร้างส่วนรับข้อมูลแบบ Text Field HTML

<input type="text" name="txt" placeholder="กรุณากรอกข้อมูล" value="ค่าเริ่มต้น">

คำอธิบาย

1. สร้าง Text Field หรือ TextBox ด้วยแท็ก input กำหนดค่า attribute type มีค่าเท่ากับ text

2. กำหนดตัวแปรผ่าน name เพื่อนำไปใช้กับภาษา Server Side Script เช่น PHP

3. รองรับคำสั่ง placeholder สำหรับใส่คำแนะนำการใส่ข้อมูล

4. กำหนดค่าเริ่มต้นที่ attribute value

เขียน 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ