 |
Pernahkah anda melihat tampilan ibarat gambar diatas? Namanya yaitu text box, kadang ini digunakan dalam menciptakan form ibarat untuk registrasi atau memasukkan suatu data. Daripada berbasa-basi pribadi aku akan contohkan cara menciptakan text box sederhana.
Simpan script diatas dengan nama index.html atau terserah anda yang penting ekstensi harus .html. Jalankan pada browser pilihan anda, aku menggunakan Mozilla Firefox versi terbaru.
Untuk tampilannya sebagai berikut :
Komponen text box dibentuk dengan menuliskan tag berikut :
<input type="text" name="namakomponen"/>
Dengan atribut name diisi dengan nama komponen yang sesuai dengan data isian. Nama komponen harus dituliskan sebab akan digunakan pada script pengolah data nantinya.
Untuk menciptakan tombol kirim berikut tag-nya :
<input type="submit" name="submit" value="Kirim"/>
Tombol ini nantinya akan digunakan untuk mengirim data ke script pengolah data.
Untuk mengatur lebar field text box yaitu dengan menambahkan atribut size="nilai", nilai disini yaitu bilangan integer atau angka.
Berikut misalnya :
<input type="text" name="nama" size="40"/>
Atribut lain yang harus dipahami yaitu value="nilai". Atribut ini digunakan untuk menampilkan nilai ke dalam text box.
Berikut misalnya :
<input type="text" name="nama" size="40" value="Yogo Prestiyanto"/>
Jika anda menambahkan atribut value ibarat pola diatas, maka akan menjadi ibarat ini :
Semoga artikel ini bermanfaat !!!
Sumber http://creativitywhitoutlimits.blogspot.com
EmoticonEmoticon