แบบฟอร์มมูลนิธิ
มูลนิธิการควบคุมรูปแบบการตั้งค่าโดยอัตโนมัติรูปแบบทั่วโลก:
ทั้งหมด <textarea> , <select> และ <input> ความกว้างขององค์ประกอบที่เป็น 100% และมีอัตรากำไรขั้นต้นขยายเงาดื่มผลการเคลื่อนไหวของเมาส์
ตัวอย่าง
<form>
การป้อนข้อมูล:
<ประเภทขาเข้า = "text" ยึด = "ชื่อ">
textarea:
<textarea แถว = "4" ยึด = "ที่อยู่"> </ textarea>
เลือก:
<เลือก>
<option> 1 </ option>
<option> 2 </ option>
<option> 3 </ option>
<option> 4 </ option>
</ เลือก>
</ 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>
<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 หมวดหมู่:
fieldset
มูลนิธิการแสดงผล <fieldset> องค์ประกอบของรูปแบบดังต่อไปนี้:
ตัวอย่าง
<form>
<fieldset>
<ตำนาน> fieldset ตำนาน </ ตำนาน >
<label> ชื่อ
<ประเภทขาเข้า = "text" ยึด = "ชื่อจริง .. ">
</ label>
<label> อีเมล
<ประเภทขาเข้า = "text" ยึด = "ป้อนอีเมล .. ">
</ label>
</ fieldset>
</ form>
<fieldset>
<ตำนาน> fieldset ตำนาน </ ตำนาน >
<label> ชื่อ
<ประเภทขาเข้า = "text" ยึด = "ชื่อจริง .. ">
</ label>
<label> อีเมล
<ประเภทขาเข้า = "text" ยึด = "ป้อนอีเมล .. ">
</ label>
</ fieldset>
</ form>
ลอง»
สถานะข้อผิดพลาด
ใช้ .error ชั้นเรียนเพื่อตั้งป้ายผิดกล่องใส่ข้อความรูปแบบกล่อง:
ตัวอย่าง
<form>
<ระดับฉลาก = "ข้อผิดพลาด"> ข้อผิดพลาด
<ประเภทขาเข้า = "text" ยึด = "ชื่อ .. ">
</ label>
<ระดับขนาดเล็ก = "ข้อผิดพลาด"> การป้อนข้อมูลที่ไม่ถูกต้อง </ small>
<textarea แถว = "4" ยึด = "ที่อยู่"> </ textarea>
<ระดับขนาดเล็ก = "ข้อผิดพลาด"> การป้อนข้อมูลที่ไม่ถูกต้อง </ small>
</ form>
<ระดับฉลาก = "ข้อผิดพลาด"> ข้อผิดพลาด
<ประเภทขาเข้า = "text" ยึด = "ชื่อ .. ">
</ label>
<ระดับขนาดเล็ก = "ข้อผิดพลาด"> การป้อนข้อมูลที่ไม่ถูกต้อง </ small>
<textarea แถว = "4" ยึด = "ที่อยู่"> </ textarea>
<ระดับขนาดเล็ก = "ข้อผิดพลาด"> การป้อนข้อมูลที่ไม่ถูกต้อง </ small>
</ form>
ลอง»
 | คุณจำเป็นต้องใช้ JavaScript เพื่ออัปเดตสถานะของข้อผิดพลาดการป้อนข้อมูลของผู้ใช้ |
|---|