ใช้แท็กใส่ HTML และปุ่มปุ่มในแบบฟอร์ม

เมื่อตั้งค่า ประเภท แอ็ตทริบิวต์เป็น "ปุ่ม" จะมีการสร้างปุ่มที่สามารถคลิกได้ง่าย คุณสามารถกำหนดข้อความที่จะปรากฏบนปุ่มเช่น "ส่ง" โดยใช้แอตทริบิวต์ value

ตัวอย่างเช่น:

โปรดทราบว่าแท็ก จะไม่ส่งแบบฟอร์ม HTML; คุณจะต้องรวม JavaScript เพื่อจัดการกับการส่งข้อมูลแบบฟอร์ม หากไม่มีเหตุการณ์ JavaScript onclick ปุ่มจะปรากฏให้คลิกได้ แต่ไม่มีอะไรจะเกิดขึ้นและคุณจะทำให้ผู้อ่านรู้สึกผิดหวัง

ปุ่ม & lt; & gt; ตัวเลือกแท็ก

แม้ว่าการใช้แท็กอินพุตเพื่อสร้างปุ่มทำงานได้ตามวัตถุประสงค์ แต่ก็เป็นตัวเลือกที่ดีกว่าที่จะใช้แท็ก เพื่อสร้างปุ่ม HTML ของเว็บไซต์ของคุณ แท็ก มีความยืดหยุ่นมากขึ้นเนื่องจากช่วยให้คุณสามารถใช้ภาพสำหรับปุ่ม (ซึ่งช่วยให้คุณรักษาความสอดคล้องของภาพได้หากเว็บไซต์ของคุณมีธีมการออกแบบ) ตัวอย่างเช่นปุ่มนี้สามารถกำหนดเป็นปุ่มส่งหรือรีเซ็ตได้ โดยไม่ต้องใช้ JavaScript พิเศษ

คุณจะต้องระบุแอตทริบิวต์ type button ในแท็ก

ใด ๆ มีสามประเภท:

• ปุ่ม ไม่มีลักษณะการทำงาน แต่ใช้ร่วมกับสคริปต์ที่ทำงานบนฝั่งไคลเอ็นต์ที่สามารถแนบมากับปุ่มและดำเนินการเมื่อมีการคลิก
• รีเซ็ต - รีเซ็ตค่าทั้งหมด
• submit - ปุ่มจะส่งข้อมูลฟอร์มไปยังเซิร์ฟเวอร์ (ซึ่งเป็นค่าเริ่มต้นหากไม่มีการกำหนดชนิด)

คุณลักษณะอื่น ๆ ได้แก่ :

• ชื่อ - ให้ ชื่อของชื่อ ปุ่ม
• ค่า - ระบุค่าที่จะกำหนดให้กับปุ่มเริ่มต้น
• ปิดใช้งาน - ปิดปุ่ม

HTML5 เพิ่มแอตทริบิวต์เพิ่มเติมลงในแท็ก

ที่ให้ฟังก์ชันการทำงานมากขึ้น

• ออโต้โฟกัส - เมื่อโหลดหน้านี้จะระบุว่าปุ่มนี้เป็นโฟกัส สามารถใช้ออโต้โฟกัสเดียวบนหน้าเว็บเท่านั้น
• ฟอร์ม - เชื่อมโยงปุ่มด้วยฟอร์มภายในเอกสาร HTML เดียวกันโดยใช้ตัวระบุของฟอร์มเป็นค่า ตัวอย่างเช่น:

ส่ง

formaction - ใช้เฉพาะกับ type = "submit" และ URL เป็นค่าจะระบุตำแหน่งที่จะส่งข้อมูลฟอร์ม ตัวอย่างเช่น:

ส่งข้อมูลฟอร์มไปยังหน้าอื่น

formenctype - ใช้เฉพาะกับ type = "submit" attribute เท่านั้น กำหนดวิธีการเข้ารหัสข้อมูลแบบฟอร์มเมื่อส่งไปยังเซิร์ฟเวอร์ ค่าที่สามคือ application / x-www-form-urlencoded (ค่าเริ่มต้น), multipart / form-data และ text / plain

formmethod - ใช้เฉพาะกับ type = "submit" attribute เท่านั้น วิธีนี้ระบุว่าจะใช้วิธีใดในการส่งข้อมูลแบบฟอร์มของ HTTP เพื่อ รับ หรือ โพสต์

formnovalidate - ใช้เฉพาะกับ type = "submit" attribute เท่านั้น ข้อมูลฟอร์มจะไม่ได้รับการตรวจสอบเมื่อส่ง

formtarget - ใช้เฉพาะกับ type = "submit" attribute เท่านั้น ซึ่งจะระบุว่าควรแสดงการตอบสนองของไซต์เมื่อส่งข้อมูลฟอร์มเช่นในหน้าต่างใหม่ ฯลฯ ตัวเลือกค่าคือ _blank, _self, _parent, _top หรือชื่อเฟรมเฉพาะ

หากคุณใช้แบบฟอร์มคุณอาจต้องการอ่านเกี่ยวกับ การทำปุ่มในรูปแบบ HTML และวิธีทำให้ไซต์ของคุณเป็นมิตรต่อผู้ใช้มากขึ้น