Saturday, March 11, 2017

Cara Membuat textbox HTML

Cara Membuat textbox HTML - Kembali saya akan mengajak anda untuk sama - sama membuat sesuatu di dokumen HTML, ciyee sesuatu. He..he..he.., kali ini sesuatu tersebut mengenai cara membuat textbox di HTML atau mungkin bahasa lainnya membuat kotak yang bisa di masukan tulisan, dimana tulisan tersebut di masukan oleh user yang membuka halaman web nya buka si pembuat halaman web nya. Gimana sampai sini dulu bisa di mengerti? kalo bisa mari kita lanjut.

Dimanakah kita bisa lihat textbox?
Apabila dilihat dari sering nya kita lihat textbox, ketika kita daftar ke suatu akun, misalnya daftar akun GMAIL, saya ambil contoh satu saja ketika memasukan nama anda ketika register. Nah tempat inputan nama tersebut yang dinamakan textbox. Adapun dari tag nya itu <input> dari namanya saja sudah jelas ya, artinya untuk memasukan data yang kita inginkan.

Ketika kita melihat tag biasanya ada attribut yang setia menemani (meski tidak semua tag mempunyai attribut), untuk kali ini akan mengambil sebagian saja dari berbagai attribut yang ada. diantaranya :
  • type, yang berguna untuk menentukan jenis inputan apa yang dibutuhkan. nilai yang diberikan disini "text", "password", "number", dll
  • size, untuk menentukan lebar dari textbox, bisa di isi dengan nilai satuan "px" atau "%"
  • value, untuk memberikan nama penegas pada textbox tersebut
  • disabled, untuk menonaktifkan textbox agar tidak bisa di edit
  • Dan masih banyak lagi
Mungkin timbul pertanyaan "kenapa cuma segitu yang di bagikannya?" itu karena yang pada umumnya pada tag <input> menggunakan attribut seperti diatas.Untuk itu mari kita lanjutkan lagi ke tahap selanjutnya.

Screenshot
Cara Membuat textbox HTML
Cara Pasang
Ketikan sintax dibawah

 <html>

<head>

<title>textbox HTML</title>

</head>

<body bgcolor="#000">



<input type="text" size="40%">



</body>

 </html>

Simpan dengan ekstensi *.html atau dengan nama textbox.html

Textbox dengan pengaturan disabled
Ketikan sintax dibawah

 <html>

<head>

<title>textbox HTML</title>

</head>

<body bgcolor="#000">



<input type="text" size="40%" disabled>



</body>

 </html>


Simpan dengan ekstensi *.html atau dengan nama textbox.html

Note..!
attribut background tidak wajib ada, boleh anda menghapusnya.

No comments:

Post a Comment