Thursday, January 3, 2013

Mengenal jenis input type pada HTML

Assalaamu'alaikum wr.wb
Setelah lama tidak update artikel, kali ini saya sebagai admin ENDYZHU.COM insya Allah akan menyempatkan waktu untuk berbagi apa yang saya tahu dan apa yang saya bisa di blog yang sudah agak "reot" ini. Dan kedepan nya insya Allah saya akan berbagi tentang tutorial HTML dan CSS sesuai dengan kemampuan saya. Dan juga beberapa artikel "kecil" yang mudah mudahan bisa bermanfaat bagi para pembaca.
Dan pada kesempatan kali ini saya akan membahas atau mengenal beberpa jenis input type pada html.
Input type biasanya digunakan untuk form login atau form pendaftaran pada sebuah situs, dengan menggunakan kode html sebagi halaman form nya dan di eksekusi oleh kode php ( mungkin bahasanya agak kurang nyambung mrgreen )
Namun pada kesempatan kali ini penulis hanya akan menjelaskan beberapa jenis input type tanpa menggunakan kode php ( jujur juga saya belum bisa biggrin ) berikut ini beberapa jenis input type dalam kode html
1. Input type text
Input type jenis ini biasa digunakan untuk mengisi form Ussername atau Email Dalam sebuah form login atau pendaftaran.
Berikut ini adalah contoh kode html nya :
< form >
< input type="text" size =" 15" name="ussername" value="" />
< form />

Maka hasil nya akan seperti ini:
2. Input type password
Yups, Benar sekali, input type jenis ini di gunakan untuk mengisi password pada form login atau form pendaftaran
Berikut ini adalah contoh kode html nya:
< form >
< input type="password" size="15" name="password" value="" />
< form />

Maka hasil nya seperti ini :

Mungkin terlihat hampir sama dengan input type text namun jika anda mengisi karakter di input type password maka karakter tulisan yang anda masukan akan berubah menjadi * ( bintang )
3. input type checkbox
Input type jenis ini biasa digunakan sebagai tanda pengingat password pada form login atau sebagai tanda persetujuan dalam form pendaftaran.
Berikut ini adalah contoh kode html nya:
< form >
< input type="checkbox" size="15" value="1" />
< form />

maka hasil nya seperti ini:
4. Input type submit
Input type jenis ini biasa digunakan untuk tombol submit ataun login
Berikut ini contoh kode html nya:
< form >
< input type="submit" size:"15" value="Log in"/>
< form />

Maka hasil nya seperti ini :

Di atas adalah beberapa contoh jenis input type menggunakan kode html yang masih sederhana, masih ada beberapa input type yang kami belum jelaskan dan mungkin akan kami lanjutkan di lain waktu. Dan jika anda ingin menggunakan CSS untuk mengatur input type tersebut maka anda bisa menambahkan kode seperti di bawah ini :
< input class="inp-txt" type="text" ( jika anda akan mengatur input type text ).
atau ganti dengan :
< input class="btn" type="submit" ( jika anda akan mengatur input type submit )
Nah, tidak sulit bukan untuk membuat sebuah form login atau form pendaftaran menggunakan kode html, jika kita akan membuat form login yang nanti nya akan mengakses ke halaman berikutnya misal beranda atau dashboard maka anda perlu menambahkan form method dan menyisipkan kode php di dalam nya.
Sekian Dan Terimah Kasih