Berikut ini adalah HTML input text box:
<input type="text" id="text" name="text_name" />
Apa saja pilihan untuk menentukan ukuran box?
Bagaimana hal ini dapat dilaksanakan di CSS?
Anda bisa mengatur lebar
:
<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 di file CSS terpisah oleskan styling yang diperlukan:
.mytext {
width: 300px;
}
Jika anda ingin membatasi jumlah karakter yang pengguna dapat mengetik ke dalam kotak teks ini anda bisa menggunakan maxlength
atribut:
<input type="text" id="text" name="text_name" class="mytext" maxlength="25" />
Ukuran
atribut bekerja, serta
``html
Coba ini
<input type="text" style="font-size:18pt;height:420px;width:200px;">
Atau yang lain
<input type="text" id="txtbox">
dengan css:
#txtbox
{
font-size:18pt;
height:420px;
width:200px;
}
Anda dapat mengatur lebar dalam piksel melalui inline styling:
``html
<input type="text" name="text" style="width: 195px;"> ``Anda juga dapat mengatur lebar dengan terlihat panjang karakter:
``html
<input type="text" name="text" size="35"> ``<input size="45" type="text" name="name">
"size" menentukan terlihat lebar dalam karakter-karakter dari elemen input.
Anda juga dapat menggunakan tinggi dan lebar dari css.
<input type="text" name="name" style="height:100px; width:300px;">