Rumah >hujung hadapan web >html tutorial >Cara membuat kotak teks seperti input borang baca sahaja dan tidak boleh diedit dalam HTML_HTML/Xhtml_Web pengeluaran halaman

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

WBOY
WBOYasal
2016-05-16 16:41:001991semak imbas

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;

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn