1. Home
  2. แบบฟอร์มมูลนิธิ

บทช่วยสอน แบบฟอร์มมูลนิธิ ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ฉลาก,fieldset,สถานะข้อผิดพลาด,

แบบฟอร์มมูลนิธิ

มูลนิธิการควบคุมรูปแบบการตั้งค่าโดยอัตโนมัติรูปแบบทั่วโลก:

ทั้งหมด <textarea> , <select> และ <input> ความกว้างขององค์ประกอบที่เป็น 100% และมีอัตรากำไรขั้นต้นขยายเงาดื่มผลการเคลื่อนไหวของเมาส์

ตัวอย่าง

<form>
การป้อนข้อมูล:
<ประเภทขาเข้า = "text" ยึด = "ชื่อ">

textarea:
<textarea แถว = "4" ยึด = "ที่อยู่"> </ textarea>

เลือก:
<เลือก>
<option> 1 </ option>
<option> 2 </ option>
<option> 3 </ option>
<option> 4 </ option>
</ เลือก>
</ form>

ลอง»

ฉลาก

ใช้แบบฟอร์ม <label> องค์ประกอบในการตั้งป้ายฉลากสามารถเพิ่มสำหรับคุณลักษณะและคุณสมบัติ ID ได้รับกล่องใส่ของผู้ใช้ในการโฟกัสเมื่อช่องใส่หรือคลิกที่แท็บ:

ตัวอย่าง

<form>
<label สำหรับ = "ชื่อ"> การป้อนข้อมูล
<ประเภทขาเข้า = "text" ยึด = "ชื่อ" id = "ชื่อ">
</ label>

<label สำหรับ = "ADR"> ฉลาก
<textarea แถว = "4" ยึด = "ที่อยู่" id = "ADR"> </ textarea>
</ label>

<label สำหรับ = "NUM"> เลือก
<เลือก id = "NUM">
<option> 1 </ option>
<option> 2 </ option>
<option> 3 </ option>
<option> 4 </ option>
</ เลือก>
</ label>
</ form>

ลอง»

หากคุณจำเป็นต้องตั้งค่าจัดชิดขวาแท็บคุณสามารถใช้ .right หมวดหมู่:

ตัวอย่าง

<label class = "สิทธิ">

ลอง»

fieldset

มูลนิธิการแสดงผล <fieldset> องค์ประกอบของรูปแบบดังต่อไปนี้:

ตัวอย่าง

<form>
<fieldset>
<ตำนาน> fieldset ตำนาน </ ตำนาน >
<label> ชื่อ
<ประเภทขาเข้า = "text" ยึด = "ชื่อจริง th ">
</ label>
<label> อีเมล
<ประเภทขาเข้า = "text" ยึด = "ป้อนอีเมล th ">
</ label>
</ fieldset>
</ form>

ลอง»

สถานะข้อผิดพลาด

ใช้ .error ชั้นเรียนเพื่อตั้งป้ายผิดกล่องใส่ข้อความรูปแบบกล่อง:

ตัวอย่าง

<form>
<ระดับฉลาก = "ข้อผิดพลาด"> ข้อผิดพลาด
<ประเภทขาเข้า = "text" ยึด = "ชื่อ th ">
</ label>
<ระดับขนาดเล็ก = "ข้อผิดพลาด"> การป้อนข้อมูลที่ไม่ถูกต้อง </ small>

<textarea แถว = "4" ยึด = "ที่อยู่"> </ textarea>
<ระดับขนาดเล็ก = "ข้อผิดพลาด"> การป้อนข้อมูลที่ไม่ถูกต้อง </ small>
</ form>

ลอง»
หมายเหตุ คุณจำเป็นต้องใช้ JavaScript เพื่ออัปเดตสถานะของข้อผิดพลาดการป้อนข้อมูลของผู้ใช้

บทแนะนำยอดนิยม

Contact US

แบบฟอร์มมูลนิธิ
10/30