แอตทริบิวต์ type ระบุประเภทขององค์ประกอบอินพุต
หมายเหตุ: ไม่จำเป็นต้องใช้แอตทริบิวต์นี้ แต่เราคิดว่าคุณควรใช้แอตทริบิวต์นี้เสมอ
<!DOCTYPE html><html lang=en><head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, Initial-scale=1.0> <meta http-equiv=X-UA - เนื้อหาที่เข้ากันได้=ie=edge> <title>เครื่องมือเลือกสี</title></head><body> <input type=color id=color></body><script> document.querySelector(#color).onchange = function () { document.getElementById('color').click(); // ต้องเพิ่มเหตุการณ์การคลิกเพื่อทริกเกอร์ มิฉะนั้นจะไม่สามารถทริกเกอร์การเปลี่ยนสีได้โดยการคลิกปุ่มตกลงในเอกสาร .body.style.พื้นหลัง = this.value; }</script></html> ลองมาดูที่แอตทริบิวต์ประเภท HTML 5 <input>ค่าแอตทริบิวต์
| ค่า | อธิบาย |
|---|---|
| ปุ่ม | กำหนดปุ่มที่คลิกได้ (ส่วนใหญ่ใช้กับ JavaScript เพื่อเปิดสคริปต์) |
| ช่องทำเครื่องหมาย | กำหนดช่องทำเครื่องหมาย |
| สี | กำหนดตัวเลือกสี |
| วันที่ | กำหนดฟิลด์วันที่ (ด้วยการควบคุมปฏิทิน) |
| วันที่และเวลา | กำหนดฟิลด์วันที่ (พร้อมการควบคุมปฏิทินและเวลา) |
| datetime-ท้องถิ่น | กำหนดฟิลด์วันที่ (พร้อมการควบคุมปฏิทินและเวลา) |
| เดือน | กำหนดเดือนของฟิลด์วันที่ (พร้อมการควบคุมปฏิทิน) |
| สัปดาห์ | กำหนดสัปดาห์ของฟิลด์วันที่ (ด้วยการควบคุมปฏิทิน) |
| เวลา | กำหนดชั่วโมง นาที และวินาทีของฟิลด์วันที่ (พร้อมการควบคุมเวลา) |
| อีเมล | กำหนดฟิลด์ข้อความที่ใช้สำหรับที่อยู่อีเมล |
| ไฟล์ | กำหนดช่องป้อนข้อมูลและปุ่มเรียกดู... สำหรับการอัปโหลดไฟล์ |
| ที่ซ่อนอยู่ | กำหนดช่องป้อนข้อมูลที่ซ่อนอยู่ |
| ภาพ | กำหนดรูปภาพเป็นปุ่มส่ง |
| ตัวเลข | กำหนดฟิลด์ตัวเลขด้วยตัวควบคุมสปินเนอร์ |
| รหัสผ่าน | กำหนดฟิลด์รหัสผ่าน ตัวละครในสนามถูกสวมหน้ากาก |
| วิทยุ | กำหนดปุ่มตัวเลือก |
| พิสัย | กำหนดฟิลด์ตัวเลขด้วยตัวควบคุมแถบเลื่อน |
| รีเซ็ต | กำหนดปุ่มรีเซ็ต ปุ่มรีเซ็ตจะรีเซ็ตฟิลด์แบบฟอร์มทั้งหมดเป็นค่าเริ่มต้น |
| ค้นหา | กำหนดช่องข้อความที่ใช้ในการค้นหา |
| ส่ง | กำหนดปุ่มส่ง ปุ่มส่งส่งข้อมูลไปยังเซิร์ฟเวอร์ |
| โทร | กำหนดฟิลด์ข้อความสำหรับหมายเลขโทรศัพท์ |
| ข้อความ | ค่าเริ่มต้น. กำหนดช่องป้อนข้อมูลบรรทัดเดียวที่ผู้ใช้สามารถป้อนข้อความได้ ค่าเริ่มต้นคือ 20 อักขระ |
| URL | กำหนดฟิลด์ข้อความที่ใช้สำหรับ URL |
ข้างต้นคือโค้ดตัวอย่างของตัวเลือกสีแอตทริบิวต์ประเภทใหม่สำหรับอินพุต HTML5 ที่โปรแกรมแก้ไขแนะนำ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใดๆ โปรดฝากข้อความถึงฉัน แล้วโปรแกรมแก้ไขจะตอบกลับคุณ เวลา. ฉันอยากจะขอบคุณทุกคนที่ให้การสนับสนุนเว็บไซต์ศิลปะการต่อสู้ VeVb!