Rumah >
Artikel > hujung hadapan web > Bagaimanakah kita boleh menambah lebar aksara pada teg dalam HTML?
Bagaimanakah kita boleh menambah lebar aksara pada teg
- WBOYke hadapan
- 2023-08-26 12:41:021354semak imbas
Dalam artikel ini, kami akan menunjukkan cara menambah lebar dalam aksara pada kotak input dalam HTML.
Atribut saiz <input> digunakan untuk menentukan lebar yang boleh dilihat bagi elemen <input> Medan input menerima teks, carian, telefon, URL, e-mel dan kata laluan. Walaupun secara tidak langsung, saiz paparannya mungkin terjejas. Walau bagaimanapun, panjang input yang dijangkakan tidak benar-benar terhad oleh parameter saiz
Sintaks
Berikut ialah sintaks
<object> ... </object>
Mari kita lihat contoh berikut untuk memahami cara menambah lebar aksara pada kotak input dalam HTML.
Contoh 1
Dalam contoh berikut, kami menggunakan saiz=35 sebagai saiz medan input.
<!DOCTYPE html> <html> <body> FirstName:<input type="text" value="Tutorials"><br> Lastname<input type="text" size="35" value= "Point"> </body> </html>
Apabila skrip dijalankan, ia akan menghasilkan output yang menunjukkan medan input dengan nama pertama sebagai saiz lalai dan nama akhir sebagai saiz=35 seperti yang kami nyatakan dalam skrip pada halaman web.
Contoh 2
Pertimbangkan contoh berikut, kami telah menggunakan pemegang tempat bersaiz 24.
<!DOCTYPE html>
<html>
<body>
<form>
<div>
<label for="Name">Enter FullName:</label>
<input type="text" id="Name" name="Name" placeholder="All Capital Letters" size="24" />
</div>
<div>
<button>Submit</button>
</div>
</form>
</body>
</html>
Selepas menjalankan skrip di atas, output akan dijana pada halaman web yang mengandungi medan input yang mempunyai pemegang tempat bersaiz =24 yang menyatakan "SEMUA HURUF BESAR", dan butang hantar.
Contoh 3
Mari kita pertimbangkan contoh lain di mana kita menggunakan panjang minimum dan maksimum.
<!DOCTYPE html>
<html>
<body>
<form>
<div>
<label for="Name">Name: </label>
<input type="text" id="Name" name="Name" required size="10" minlength="4" maxlength="8" />
<span class="validity"></span>
</div>
<div>
<button>Submit</button>
</div>
</form>
</body>
</html>
Selepas menjalankan skrip di atas, tetingkap output akan muncul, menunjukkan medan input nama dengan saiz=10, atribut min dan maks pada halaman web, dan butang hantar.
Atas ialah kandungan terperinci Bagaimanakah kita boleh menambah lebar aksara pada teg dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!