การแนะนำบทความของ wulin.com (www.vevb.com): ใน HTML5 มาตรฐานเว็บ 2.0 ถูกดูดซับและฟังก์ชั่นสำหรับองค์ประกอบแบบฟอร์มมีความเข้มแข็งอย่างมากทำให้การพัฒนาของฟอร์มเร็วขึ้นและสะดวกยิ่งขึ้น
ใน HTML5 มาตรฐานเว็บรูปแบบ 2.0 ถูกดูดซับและฟังก์ชั่นสำหรับองค์ประกอบรูปแบบมีความเข้มแข็งอย่างมากทำให้การพัฒนาของรูปแบบเร็วขึ้นและสะดวกยิ่งขึ้น
1. แอตทริบิวต์ใน HTML5 คุณสามารถเขียนองค์ประกอบ Slave Form ได้ทุกที่บนหน้าและจากนั้นระบุแอตทริบิวต์แบบฟอร์มไปยังองค์ประกอบและค่าแอตทริบิวต์คือ ID ของแบบฟอร์มเพื่อให้องค์ประกอบสามารถประกาศให้เป็นของแบบฟอร์มที่ระบุ
<form id = test> <input type = text> </form> <textarea form = test test> </textarea> 2. ฟอร์มคุณสมบัติใน HTML5 คุณสามารถเพิ่มแอตทริบิวต์การจัดรูปแบบที่แตกต่างกันในปุ่มส่งทั้งหมดคลิกปุ่มที่แตกต่างกันและส่งแบบฟอร์มที่แตกต่างกันไปยังหน้าต่างๆ
<ประเภทอินพุต = submit format = a.php> <input type = submit format = b.php> 3. fomethod attributeใน HTML5 คุณสามารถใช้แอตทริบิวต์การก่อตัวเพื่อระบุหน้าการส่งที่แตกต่างกันสำหรับแต่ละองค์ประกอบแบบฟอร์มและคุณยังสามารถใช้แอตทริบิวต์ FormThod เพื่อระบุวิธีการส่งที่แตกต่างกันสำหรับแต่ละองค์ประกอบแบบฟอร์ม
<ประเภทอินพุต = submit format = a.php formMethod = post> <input type = submit format = a.php formMethod = get> 4. แอตทริบิวต์ placeholderตัวยึดตำแหน่งหมายถึงการลดความทึบของข้อความเมื่อกล่องข้อความอยู่ในสถานะ uninput และไม่ได้รับโฟกัสเคอร์เซอร์ ตัวอย่างเช่นเอฟเฟกต์ของช่องค้นหาฐานเครือข่ายของเว็บไซต์นี้คือ
<ประเภทอินพุต = text placeholder = คลิกที่นี่เพื่อค้นหา> 5.AutoFocus attributeรับโฟกัสเคอร์เซอร์โดยอัตโนมัติสำหรับกล่องข้อความกล่องเลือกหรือการควบคุมปุ่ม
<อินพุตประเภท = ข้อความอัตโนมัติ> 6. แอตทริบิวต์รายการใน HTML5 ให้เพิ่มแอตทริบิวต์รายการลงในกล่องข้อความบรรทัดเดียวและค่าของแอตทริบิวต์คือ ID ขององค์ประกอบข้อมูล องค์ประกอบ Datalist นั้นคล้ายกับกล่องเลือก องค์ประกอบของตัวเองไม่ปรากฏขึ้น แต่จะปรากฏในอินพุตพรอมต์เมื่อกล่องข้อความได้รับโฟกัส
<อินพุตประเภท = รายการข้อความ = webjxcom> <datalist id = webjxcom style = display: none;> <pontion> html </opovie> <pontion> css </opovie> <ption> javascript </potion> </tatalist>เพื่อหลีกเลี่ยงการแสดงอย่างไม่ถูกต้องในเบราว์เซอร์ที่ไม่รองรับองค์ประกอบนี้ให้ตั้งค่าให้ไม่แสดงด้วย CSS ฯลฯ
7. คุณลักษณะฟังก์ชั่นความสำเร็จอัตโนมัติที่ใช้สำหรับอินพุตเสริมช่วยประหยัดเวลาอินพุตและยังเป็นฟังก์ชั่นที่สะดวกมาก สำหรับแอตทริบิวต์ auotcomplete คุณสามารถระบุสามค่า: เปิด, ปิดและ (ไม่ระบุ)
<ประเภทอินพุต = ข้อความ Autocomplete = บน list = webjxcom>