Bagaimana untuk melarang input dalam input html5

Cara melaksanakan input melumpuhkan dalam input HTML5: 1. Tentukan medan input sebagai baca sahaja dan boleh salin melalui baca sahaja 2. Gunakan disable untuk menyedari bahawa elemen input yang dilumpuhkan boleh disalin, tetapi tidak boleh menerima fokus; 3. Dengan mengawal input Panjang maksimum ialah 0; 4. Gunakan "οnfοcus="this.blur();"" untuk menyedari bahawa teks tidak boleh dimasukkan.

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi HTML5, komputer DELL G3

input HTML5 Bagaimana untuk melarang input ?

Pelbagai kaedah larangan input (dilarang untuk mendapatkan fokus) dan nombor had input dan panjang dalam html

Larangan input (dilarang untuk mendapatkan fokus)

1: baca sahaja menetapkan bahawa medan input adalah baca sahaja dan boleh disalin Walau bagaimanapun, pengguna boleh menggunakan kekunci Tab untuk beralih ke medan, memilihnya, menerima fokus dan memilih atau menyalin teksnya.

<input type="text" value="禁止输入，可以使用Tab键切换到该字段" readonly="readonly">

2: dilumpuhkan Elemen input yang dilumpuhkan boleh disalin dan tidak boleh menerima fokus Selepas ditetapkan, warna teks akan bertukar menjadi kelabu. Tidak boleh digunakan dengan 0fdc2877ec30e25c655ec142fa06e8c4.

<input type="text" value="可复制，不能接收焦点，字的颜色会变成灰" disabled="disabled">

3: Dengan mengawal panjang maksimum input kepada 0,

<input type="text"  maxlength="0">

4: οnfοcus="this.blur();" onfocuse bermaksud fokus, apabila anda meletakkan Apabila kursor diletakkan pada kotak teks untuk input, ia difokuskan, tetapi "this.blur()" ditambah di sini. Fungsi blur adalah untuk mengalih keluar fokus, iaitu, anda tidak boleh meletakkan kursor pada kotak teks ini . Dengan kata lain, anda Tidak boleh memasukkan teks

<input type="text" value="去除聚焦，不能输入文本" onfocus="this.blur();">

Nombor input input dan had panjang

1.type='number' mengehadkan input kepada nombor, dan oninput menentukan had panjang ( mendapati bahawa type='number' digunakan Selepas itu maxlength tidak boleh digunakan)

<input class="inputs" type="number" value="只输入数字，长度11位" oninput="if(value.length>11)value=value.slice(0,11)"  />

2. Gunakan maxlength untuk mengehadkan panjang, dan oninput untuk menghadkan kotak input kepada nombor tulen

<input type="text" placeholder="请输入您的手机号" oninput = "value=value.replace(/[^\d]/g,&#39;&#39;)" maxlength="11">

a. onkeyup = "value=value.replace( /[^d]/g,'')"

Terdapat pepijat apabila menggunakan acara onkeyup, iaitu dalam kaedah input bahasa Cina nyatakan, jika anda memasukkan aksara Cina dan tekan Enter terus, huruf

Gunakan acara onchange Selepas memasukkan kandungan, hasil hanya akan diperoleh apabila input kehilangan fokus, dan Tidak dapat bertindak balas semasa input

c, oninput = "value=value.replace(/[^). d]/g,'')"

Gunakan peristiwa oninput, penyelesaian sempurna Kedua-dua masalah di atas telah diselesaikan, dan tiada masalah lain berlaku dalam ujian buat masa ini.

Pembelajaran yang disyorkan: "

Tutorial Video HTML

"

Atas ialah kandungan terperinci Bagaimana untuk melarang input dalam input html5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!