Cara membuat kotak teks seperti input borang baca sahaja dan tidak boleh diedit dalam HTML_HTML/Xhtml_Web pengeluaran halaman

Kadangkala, kami mahu kotak teks dalam bentuk dibaca sahaja supaya pengguna tidak boleh mengubah suai maklumat di dalamnya Contohnya, dalam kandungan , perkataan "China" tidak boleh diubah suai. Secara ringkasnya, kaedah pelaksanaan adalah seperti berikut.

Kaedah 1: onfocus=this.blur() Tinggalkan fokus apabila tetikus tidak boleh diletakkan


Kaedah 2: baca sahaja



Kaedah 3: disable


Contoh penuh:



disabled="true " Teks akan bertukar kelabu dan tidak boleh diedit.
readOnly="true" Teks tidak akan berubah warna dan tidak boleh diedit

input pelindung css:

Ada adalah dua Kaedah pertama: disabled="disabled" ditakrifkan supaya elemen input yang dilumpuhkan tidak tersedia dan tidak boleh diklik. Kedua: medan baca sahaja="readonly" baca sahaja tidak boleh diubah suai. Walau bagaimanapun, pengguna masih boleh menggunakan kekunci tab untuk beralih ke medan dan memilih atau menyalin teksnya;