Bagaimana ukuran kotak teks input didefinisikan dalam HTML?

Berikut adalah kotak teks input HTML:

<input type="text" id="text" name="text_name" />

Apa sajakah pilihan untuk menentukan ukuran kotak?

Bagaimana ini bisa diterapkan di CSS?

Anda dapat mengaturnya width:

<input type="text" id="text" name="text_name" style="width: 300px;" />

atau bahkan lebih baik mendefinisikan kelas:

<input type="text" id="text" name="text_name" class="mytext" />

dan dalam file CSS terpisah, terapkan gaya yang diperlukan:

.mytext {
    width: 300px;
}

Jika Anda ingin membatasi jumlah karakter yang dapat diketik pengguna ke dalam kotak teks ini, Anda dapat menggunakan maxlengthatribut:

<input type="text" id="text" name="text_name" class="mytext" maxlength="25" />

The sizeatribut bekerja, serta

<input size="25" type="text">

Coba ini

<input type="text" style="font-size:18pt;height:420px;width:200px;">

Atau

 <input type="text" id="txtbox">

dengan css:

 #txtbox
    {
     font-size:18pt;
     height:420px;
     width:200px;
    }

Anda dapat menyetel lebar dalam piksel melalui gaya sebaris:

<input type="text" name="text" style="width: 195px;">

Anda juga dapat mengatur lebar dengan panjang karakter yang terlihat:

<input type="text" name="text" size="35">

<input size="45" type="text" name="name">

"Ukuran" menentukan lebar yang terlihat dalam karakter masukan elemen.

Anda juga bisa menggunakan tinggi dan lebar dari css.

<input type="text" name="name" style="height:100px; width:300px;">