Bagaimana untuk menetapkan teg baca sahaja dalam html5-Soal Jawab bahagian hadapan-php.cn

Rumah

hujung hadapan web

Soal Jawab bahagian hadapan

Bagaimana untuk menetapkan teg baca sahaja dalam html5

Dec 31, 2021 am 10:08 AM

html

Dalam HTML5, anda boleh menggunakan atribut baca sahaja untuk menetapkan teg baca sahaja dan tidak boleh ditukar Atribut ini digunakan untuk menetapkan medan teg yang ditentukan menjadi baca sahaja Ia boleh dipilih dan disalin tetapi tidak boleh diubah suai. Sintaksnya ialah "readonly="readonly "".

Bagaimana untuk menetapkan teg baca sahaja dalam html5

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

Cara menetapkan teg baca sahaja dalam HTML5

Atribut baca sahaja menentukan bahawa medan input adalah baca sahaja.

Medan baca sahaja tidak boleh diubah suai. Walau bagaimanapun, pengguna masih boleh tab ke medan dan memilih atau menyalin teksnya.

Atribut baca sahaja menghalang pengguna daripada mengubah suai nilai sehingga syarat tertentu dipenuhi (seperti kotak semak sedang diperiksa). Kemudian, anda perlu menggunakan JavaScript untuk menghapuskan nilai baca sahaja dan menukar medan input kepada keadaan boleh diedit.

Atribut baca sahaja boleh digunakan dengan atau .

Contohnya adalah seperti berikut:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<p>Country:<input type="text" name="country" 
  value="China" readonly="readonly" /></p>
</body>
</html>

Salin selepas log masuk

Hasil keluaran:

Bagaimana untuk menetapkan teg baca sahaja dalam html5

Tutorial yang disyorkan: "tutorial video html"

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

Kenyataan Laman Web ini

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