Judul : Cara Membuat textbox HTML, [ Home Of Technology ]
link : Cara Membuat textbox HTML, [ Home Of Technology ]
Cara Membuat textbox HTML, [ Home Of Technology ]
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
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<head>
<title>textbox HTML</title>
</head>
<body bgcolor="#000">
<input type="text" size="40%">
</body>
</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>
<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.
~ Selamat mencoba ~
Demikianlah Artikel Cara Membuat textbox HTML, [ Home Of Technology ]
Sekianlah artikel Cara Membuat textbox HTML, [ Home Of Technology ] kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Cara Membuat textbox HTML, [ Home Of Technology ] dengan alamat link https://homitech.blogspot.com/2015/07/cara-membuat-textbox-html-home-of.html
0 Response to "Cara Membuat textbox HTML, [ Home Of Technology ] "
Post a Comment