บางครั้งเราหวังว่ากล่องข้อความในแบบฟอร์มจะอ่านอย่างเดียวเพื่อให้ผู้ใช้ไม่สามารถแก้ไขข้อมูลในนั้นได้ ตัวอย่างเช่นเนื้อหาของ <อินพุต type = ชื่อข้อความ = ค่าอินพุต 1 = จีน> ไม่สามารถแก้ไขได้ เพื่อสรุปวิธีการใช้งานมีหลายประเภท
วิธีที่ 1: onfocus = this.blur () หากไม่สามารถวางเมาส์ให้โฟกัสได้
<ประเภทอินพุต = ชื่อข้อความ = ค่าอินพุต 1 = จีน onfocus = this.blur ()>
วิธีที่ 2: อ่านอย่างเดียว
<ประเภทอินพุต = ชื่อข้อความ = ค่าอินพุต 1 = จีนอ่านอย่างเต็มรูปแบบ>
<ประเภทอินพุต = ชื่อข้อความ = ค่าอินพุต 1 = จีน readonly = true>
วิธีที่ 3: ปิดใช้งาน
<ประเภทอินพุต = ชื่อข้อความ = ค่าอินพุต 1 = จีนปิดใช้งาน = true>
ตัวอย่างที่สมบูรณ์:
<ชื่ออินพุต = ly_qq type = text tabindex = 2 onMouseOver = this.className = 'input_1' onMouseOut = this.className = 'input_2' value = 123456789 disabled = true readonly = true />
ปิดการใช้งาน = จริงข้อความของผลไม้นี้จะเปลี่ยนเป็นสีเทาและไม่สามารถแก้ไขได้
Readonly = ข้อความจริงจะไม่เปลี่ยนสีและไม่สามารถแก้ไขได้
อินพุต CSS Mask: <อินพุต style = ime-mode: disabled>
มีสองวิธี: อันดับแรก: ปิดใช้งาน = ปิดใช้งานองค์ประกอบอินพุตที่ปิดใช้งานหลังจากคำจำกัดความไม่พร้อมใช้งานหรือไม่สามารถคลิกได้ ประการที่สอง: readonly = readingly ฟิลด์ READENLY ไม่สามารถแก้ไขได้ อย่างไรก็ตามผู้ใช้ยังสามารถใช้คีย์แท็บเพื่อสลับไปยังฟิลด์นี้และยังสามารถเลือกหรือคัดลอกข้อความได้