เนื้อหาที่ใช้ร่วมกันโดยบทความนี้เป็นเรื่องเกี่ยวกับแอตทริบิวต์วัตถุ HTML ที่ใช้กันทั่วไปซึ่งเหมาะสำหรับผู้เริ่มต้นในการเรียนรู้ เว็บไซต์นี้มีแอตทริบิวต์วัตถุ HTML ที่ใช้กันทั่วไปบางส่วนเหมาะสำหรับผู้เริ่มต้นในการเรียนรู้ มันอธิบายวิธีการที่เกี่ยวข้องและความรู้เกี่ยวกับวิธีการใช้งานและความรู้เกี่ยวกับคุณลักษณะวัตถุของผู้เริ่มต้นในบทความ ยินดีต้อนรับสู่การให้การสนับสนุนและความช่วยเหลือในเรื่องนี้! ต่อไปนี้เป็นรายละเอียด:
สิ่งที่บทความนี้แบ่งปันกับคุณเกี่ยวกับคุณสมบัติของวัตถุ HTML ที่ใช้กันทั่วไปบางอย่างที่เหมาะสำหรับผู้เริ่มต้นในการเรียนรู้
รูปแบบวัตถุรูปแบบวิธีวัตถุ
รีเซ็ต (): รีเซ็ตองค์ประกอบอินพุตทั้งหมดของแบบฟอร์มเป็นค่าเริ่มต้น
ส่ง (): ส่งแบบฟอร์ม
วัตถุข้อความคุณสมบัติวัตถุข้อความ
ปิดการใช้งาน: ตั้งค่าหรือส่งคืนไม่ว่าฟิลด์ข้อความควรถูกปิดใช้งานหรือไม่
อ่านอย่างเดียว: ตั้งค่าหรือส่งคืนไม่ว่าฟิลด์ข้อความควรอ่านอย่างเดียว
ค่า: ตั้งค่าหรือส่งคืนแอตทริบิวต์ค่าของฟิลด์ข้อความ
วิธีการของข้อความ
โฟกัส (): ตั้งค่าโฟกัสบนฟิลด์ข้อความ
ตัวอย่าง
<! doctype html> <html> <head> <meta charset = utf-8> <title> </title> </head> <body> <body> <body> <body> <body> <body> <form> <ชื่ออินพุต = wd/> <อินพุตประเภท = ส่งค่า = baidu onClick = sub ()> </form> var text = document.getElementsByName (WD) [0]; text.focus (); ฟังก์ชั่นย่อย () {var text = document.getElementByName (wd) [0]; // text.value = magic; // text.readonly = true; // console.log (text.readonly); // text.disabled = true; console.log (text.disabled); text.focus (); } // แท็กที่มีข้อความพิมพ์รหัสผ่านและ textarea มีค่าโฟกัสปิดใช้งานและอ่านอย่างเดียว </script> </body> </html> วัตถุวิทยุคุณสมบัติวัตถุวิทยุ
ตรวจสอบ: ตั้งค่าหรือส่งคืนสถานะของปุ่มตัวเลือก
ปิดการใช้งาน: ตั้งค่าหรือส่งคืนไม่ว่าจะปิดการใช้งานปุ่มตัวเลือก
ค่า: ตั้งค่าหรือส่งคืนค่าของคุณสมบัติค่าของปุ่มตัวเลือก
วัตถุช่องทำเครื่องหมายคุณสมบัติวัตถุช่องทำเครื่องหมาย
ตรวจสอบ: ตั้งค่าหรือส่งคืนไม่ว่าจะเลือกช่องทำเครื่องหมายหรือไม่
ปิดใช้งาน: ตั้งค่าหรือส่งคืนไม่ว่าจะเป็นช่องทำเครื่องหมายว่าควรปิดใช้งาน
ค่า: ตั้งค่าหรือส่งคืนค่าของแอตทริบิวต์ค่าช่องทำเครื่องหมาย
เลือกวัตถุเลือกการรวบรวมวัตถุ
ตัวเลือก []: ส่งคืนอาร์เรย์ที่มีตัวเลือกทั้งหมดในรายการดรอปดาวน์
เลือกคุณสมบัติวัตถุ
ปิดการใช้งาน: ตั้งค่าหรือส่งคืนไม่ว่ารายการดรอปดาวน์ควรปิดการใช้งานหรือไม่
ความยาว: ส่งคืนจำนวนตัวเลือกในรายการดรอปดาวน์
SelectedIndex: ตั้งค่าหรือส่งคืนหมายเลขดัชนีของรายการที่เลือกในรายการดรอปดาวน์
เลือกวิธีวัตถุ
เพิ่ม (): เพิ่มตัวเลือกลงในรายการดรอปดาวน์
ลบ (): ลบตัวเลือกออกจากรายการดรอปดาวน์
วัตถุตัวเลือกวิธีการก่อสร้างวัตถุตัวเลือก
ตัวเลือก (ข้อความ, ค่า): สร้างออบเจ็กต์ตัวเลือกผ่านค่าข้อความและค่า
คุณสมบัติวัตถุตัวเลือก
เลือก: ตั้งค่าหรือส่งคืนค่าของคุณสมบัติที่เลือก
ข้อความ: ตั้งค่าหรือส่งคืนค่าข้อความธรรมดาของตัวเลือก
ค่า: ตั้งค่าหรือส่งคืนค่าที่ส่งไปยังเซิร์ฟเวอร์
เลือกตัวอย่างวัตถุและตัวเลือกวัตถุ <! doctype html> <html> <head> <meta charset = utf-8> <title> </title> </head> <body> <select id = เกรด> <ค่าตัวเลือก = 1> เกรดแรก </optup> <ตัวเลือก = 2> ชั้นประถมศึกษาปีที่สอง value = button/button/> <script type = text/javascript> function text () {var select = document.getElementById (เกรด); console.log (select.disabled); console.log (select.length); console.log (select.selectedIndex); console.log (~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ console.log (ตัวเลือก [select.selectedIndex] .Value); console.log (@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@) สำหรับ (var I = 0; console.log (ตัวเลือก [i] .Selected); console.log (ตัวเลือก [i] .text); } ตัวเลือก var = ตัวเลือกใหม่ (เกรด 5, 5); select.add (ตัวเลือก); select.remove (0); } </script> </body> </html> แบบฟอร์มลงทะเบียน <! doctype html> <html> <head> <meta charset = utf-8> <title> </title> </head> <body> <span style = สี: สีแดง; ID = Massage ผิด> </span> <br/> <form onsubmit = return check ()> <table> <tr> <td> ชื่อผู้ใช้: </td> <td> <อินพุต id = ชื่อ placeholder = โปรดป้อนชื่อผู้ใช้ onblur = check_name ()> </td> รหัสผ่าน onblur = check_pw ()> </td> </tr> <tr> <td> ยืนยันรหัสผ่าน: </td> <td> <อินพุต id = ประเภทตรวจสอบ PW = รหัสผ่านตัวยึดรหัสผ่าน = โปรดป้อนรหัสผ่านการยืนยัน/> </td> </tr> </table> NAME = ค่า HOBBY = 0/> BADMINTON <ประเภทอินพุต = ชื่อช่องชื่อ = ค่า HOBBY = 1/> บาสเก็ตบอล <ประเภทอินพุต = ชื่อช่องทำเครื่องหมาย = ค่า HOBBY = 1/> เทนนิสตาราง <ประเภทอินพุต = ชื่อช่องทำเครื่องหมาย = ค่า HOBBY = 3/> ฟุตบอล <BR/> <Select ID = เกรด> <ตัวเลือก value = 4> อาวุโส </petion> </select> <br/> <td> <input type = reset value = reset/</td> <td> <input type = subment value = register/</td> </form> <script> // การใช้ฟังก์ชั่น $ () สามารถบันทึกฟังก์ชันจำนวนรหัส } ฟังก์ชั่นตรวจสอบ () {var n = document.getElementById (ชื่อ); var w = document.getElementById (PW); var msg = document.getElementById (Massage ผิด); var c = document.getElementById (PW-check); if (n.value.length> 12) {msg.innerhtml = ชื่อผู้ใช้ไม่เกิน 15 อักขระโปรดป้อนอีกครั้ง! - n.focus (); กลับเท็จ; } if (n.value.length == 0) {msg.innerhtml = ชื่อผู้ใช้ไม่สามารถว่างเปล่าได้โปรดกลับเข้ามาอีกครั้ง! - n.focus (); กลับเท็จ; } if (w.value.length> 12) {msg.innerhtml = รหัสผ่านต้องไม่เกิน 12 อักขระโปรดป้อนอีกครั้ง! - w.focus (); กลับเท็จ; } if (w.value.length == 0) {msg.innerhtml = รหัสผ่านไม่สามารถว่างเปล่าได้โปรดป้อนอีกครั้ง! - w.focus (); กลับเท็จ; } if (w.value! = c.value) {msg.innerhtml = รหัสผ่านไม่ถูกต้องโปรดป้อนอีกครั้ง! - c.focus (); กลับเท็จ; } var sex = document.getElementsByName (เพศ); var Hobby = document.getElementsByName (Hobby); สำหรับ (var i = 0; i <sex.length; i ++) {sex [i] .disabled = true; console.log (เพศ [i]. ตรวจสอบ + + เพศ [i] .value); } console.log (~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ console.log (งานอดิเรก [i]. ตรวจสอบ + + งานอดิเรก [i] .value); } console.log (~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ตัวเลือก var = select.options; console.log (select.length); console.log (select.selectedIndex); console.log (ตัวเลือก [select.selectedIndex] .Value); สำหรับ (var i = 0; i <options.length; i ++) {ตัวเลือก var = ตัวเลือก [i]; console.log (ตัวเลือก. value) select.disabled = true; } return false; } function check_name () {var n = document.getElementById (ชื่อ); var msg = document.getElementById (Massage ผิด); if (n.value.length> 12) {msg.innerhtml = ชื่อผู้ใช้ไม่เกิน 15 อักขระโปรดป้อนอีกครั้ง! - n.Value =; n.focus (); } อื่นถ้า (n.value.length == 0) {msg.innerhtml = ชื่อผู้ใช้ไม่สามารถว่างเปล่าได้โปรดกลับเข้ามาอีกครั้ง! - n.focus (); } else {msg.innerhtml =; }} ฟังก์ชั่น check_pw () {var w = document.getElementById (PW); var msg = document.getElementById (Massage ผิด); ถ้า (w.value.length> 12) {msg.innerhtml = รหัสผ่านต้องไม่เกิน 12 อักขระโปรดกลับเข้ามาอีกครั้ง! - w.value =; w.focus (); } อื่นถ้า (w.value.length == 0) {msg.innerhtml = รหัสผ่านไม่ตรงกันโปรดป้อนอีกครั้ง! - w.focus (); } else {msg.innerhtml =; }} </script> </body> </html> วัตถุภาพคุณสมบัติวัตถุภาพ
SRC: ตั้งค่าหรือส่งคืน URL ของภาพ
เนื้อหาของการแนะนำคุณสมบัติของวัตถุ HTML ที่ใช้กันทั่วไปบางอย่างที่เหมาะสำหรับผู้เริ่มต้นที่จะเรียนรู้อยู่ที่นี่ คุณสามารถบุ๊คมาร์ค URL ของหน้านี้ http://www.vevb.com/web/a/2018090496002.shtml เพื่อให้เข้าถึงได้ง่ายในครั้งต่อไป