Bagaimanakah kita boleh menambah lebar aksara pada teg <code><input></code> dalam HTML?-html tutorial-php.cn

Bagaimanakah kita boleh menambah lebar aksara pada teg dalam HTML?

WBOY

Lepaskan： 2023-08-26 12:41:02

ke hadapan

1395 orang telah melayarinya

Bagaimanakah kita boleh menambah lebar aksara pada teg <code><input></code> dalam HTML?

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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!