Form HTML merupakan bagian dari scrip HTML untuk membuat bagan isian. Dalam kesempatan ini saya share mengenai kotak isian Kontrol Teks, Kontrol Password dan TextArea.
- Kontrol Teks
Kontrol Teks merupakan bagian dari penggunaan Form HTML, sedangkan Form HTML merupakan input atau masukan dari pengguna yang kemudian diproses untuk mendapatkan hasil yang diinginkan oleh pengguna. Form memiliki banyak kontrol form yang dapat digunakan untuk menunjang penggunaan formnya. Kontrol Teks banyak digunakan untuk memberikan input atau masukan berupa kotak isian ( TextBox). Sintak Penggunaan Kontrol Teks <input type="Text"[Properti]> Dalam penggunaan Kontrol Teks ada bebrapa properti yang dapat diatur antara lain : Properti | Keterangan |
Name | Nama dari kontrol teks |
Size | Ukuran dari kontrol teks |
Value | Teks yang tertulis pada kontrol teks |
Maxlength | Panjang maksimal karakter yang diijinkan |
Style | Pengaturan style dalam kontrol teks, nilainya bisa berupa format font |
Contoh Penggunaan Form
Scrip untuk menciptakan penggunaan Kontrol Teks : <input type="text" name="txtnama" Size="40" maxlength="30" style="font-family:algerian;font-size:10pt;text-align:center">
- Kontrol Password
Kontrol Password pada dasarnya sama dengan kontrol teks tetapi dalam penggunaannya kontrol teks hasil yang ditampilkan berupa teks tetapi pada kontrol password akan menghasilkan tanda asteris ( * ) Sintak Penggunaan Kontrol Password <input type="Password"[Properti]> Dalam penggunaan Kontrol Password ada beberapa properti yang dapat diatur antara lain : Properti | Keterangan |
Name | Nama dari kontrol teks |
Size | Ukuran dari kontrol teks |
Value | Teks yang tertulis pada kontrol teks |
Maxlength | Panjang maksimal karakter yang diijinkan |
Style | Pengaturan style dalam kontrol teks, nilainya bisa berupa format font |
Contoh Penggunaan Kontrol Password
Scrip untuk menciptakan penggunaan Kontrol Password : <input type="Password" name="password" value="" Size="5" maxlength="5" style="font-family:arial;font-size:10pt;font-color:blue;text-align:center">
- Kontrol TextArea
Kontrol TextArea merupakan kontrol text yang dapat menuliskan atau menampung text lebih banyak karena mempunyai ruang atau kapasitas yang lebig besar. Sintak Penggunaan Kontrol Teks <TextArea[Properti]> ....... </TextArea> Dalam penggunaan Kontrol Teks ada bebrapa properti yang dapat diatur antara lain : Properti | Keterangan |
Name | Nama dari kontrol teks |
Value | Nilai dari Kontrol Area |
Cols | Panjang Kolom yang dibuat |
Rows | Panjang baris yang dibuat |
Maxlength | Panjang maksimal karakter yang diijinkan |
Contoh Penggunaan Form
Scrip untuk menciptakan penggunaan Kontrol Teks : <textarea name="txtnama" value="" Rows="4" maxlength="100" style="font-family:algerian;font-size:10pt;text-align:left"></textarea>