แท็กปุ่มใน HTML ใช้เพื่อสร้างปุ่มใน HTML ปุ่มนี้เป็นปุ่มที่คลิกได้ คุณอาจเคยเห็นปุ่มที่สร้างขึ้นโดยใช้ประเภทอินพุต การใช้แท็กปุ่มช่วยให้คุณเพิ่มรูปภาพได้ ซึ่งคุณไม่สามารถดำเนินการกับประเภทอินพุตที่ส่งได้
ต่อไปนี้เป็นคุณลักษณะ -
| แอตทริบิวต์ | ค่า | คำอธิบาย |
|---|---|---|
| ออโต้โฟกัส | ออโต้โฟกัส | ปุ่มได้รับการโฟกัสเมื่อหน้าโหลด |
| ปิดการใช้งาน | ปิดการใช้งาน | ปิดการใช้งานปุ่ม |
| ฟอร์ม | form_id | รูปแบบอย่างน้อยหนึ่งปุ่มที่เป็นของ |
| การขึ้นรูป | URL | สำหรับ type="submit" จะส่งข้อมูลแบบฟอร์มได้ที่ไหนเมื่อส่งแบบฟอร์ม |
| formenctype | application/x-www-form-urlencoded multipart/form-data ข้อความ/ธรรมดา | สำหรับ type="submit" วิธีการเข้ารหัสข้อมูลแบบฟอร์มก่อนส่งไปยังเซิร์ฟเวอร์ |
| formmethod | get โพสต์ | สำหรับ type="submit" วิธีการส่งแบบฟอร์มข้อมูล " |
| formnovalidate | ฟอร์มโนวาลิเดต | สำหรับ type="submit" ไม่ควรตรวจสอบข้อมูลแบบฟอร์มเมื่อส่ง |
| formtarget | _blank _ตัวเอง _พ่อแม่ _สูงสุด ชื่อเฟรม | สำหรับ type="submit" จะแสดงการตอบกลับหลังจากส่งแบบฟอร์มได้ที่ไหน |
| ชื่อ | ชื่อ | ระบุชื่อสำหรับปุ่ม |
| พิมพ์ | ปุ่ม รีเซ็ต ส่ง | ระบุประเภทของปุ่ม |
| ค่า | ข้อความ | ระบุค่าเริ่มต้นสำหรับปุ่ม |
ให้เราดูตัวอย่างการใช้แท็กปุ่มใน HTML -
ตัวอย่าง
<!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> <p>We have added demo text below:<p> <textarea rows="4" cols="50"> Here, we are learning the concepts, elements and attributes in HTML! </textarea><br> <button type="button" disabled>Previous</button> <button type="button">Next</button> </body> </html>
ผลลัพธ์
