Form HTML - Kontrol Teks

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
    Nama Anda :


    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
    Password Anda :


    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
    Alamat Anda :


    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>

Related Posts:

  • MYOB ACCOUNTING ( Mind Your Own Bisnisses) Pengenalan Myob Accounting Myob Accounting merupakan sebuah sofware akuntansi yang digunakan untuk membantu dalam penyusunan dan penyajian laporan keuangan. Myob Accounting mempuny… Baca Selengkapnya
  • Perangkat Penunjang Blog p{text-align:justify;} Banyak cara untuk ngutak - utik blog dari membuat, copy design template sampe dengan scrip HTML, CSS, Java yang buat pusing tp anehnya kalo udah baca jabarin inget malah nggak bisa tidur.posting ini… Baca Selengkapnya
  • BintangAksesoris sebuah Blog sangat banyak macamnya. Kali ini saya ingin berbagi mengenai bintang - bintang di linK & efek bertabur bintamg pada kursor. Link Efek Bintang Penampilan sebuah link akan lebih menarik jika ditambah denga… Baca Selengkapnya
  • Gedung DPRGedung DPR sepertinya akan mengalami kemajuan yang pesat dan semakin mewah dengan adanya pembangunan gedung baru DPR tersebut. Bukanlah harga yang murah atau harga yang kecil untuk membiayai semua pembangunan gedung dpr yang … Baca Selengkapnya
  • p{text-align:justify;} Assalamu'alaikum Kawan bloger. Pingin membuat menu scroll pada blog? Saya akan memberikan tricknya. Sangat simple dan tidak repot. Sebagaimana kode-kode HTML yang merupakan dasar dari tampilan web b… Baca Selengkapnya

0 komentar:

Posting Komentar