Tutorial HTML dasar part 5 (Form)

Sekarang kita coba untuk membuat form.
Form adalah formulir ntah itu pendaftaran ataupun login yang jelas form adalah tempat untuk mengisi data yang akan dikirim dan disimpan ke sebuah database pada sebuah website.
Sebuah bentuk HTML dapat berisi elemen input seperti bidang teks, checkbox, radio-tombol, tombol submit dan banyak lagi.
Sekarang kita membuat login dengan tag <form>....</form>.
Contoh kode skrip membuat input form

<form>

Nama : <input type="text" name="nama">

Password : <input type="password" name="password">

<input type="submit" value="submit">

</form>

Maka hasilnya akan seperti dibawah ini.

Nama : Password :

Sekarang membuat pilihan dengan menggunakan tag <select><option>...</option></select>.
Maka skrip kodenya seperti dibawah ini.

<select name="gender">

<option value="">Pilih Gender</option>

<option value="laki-laki">Laki-laki</option>
<option value="perempuan">Perempuan</option>

</select>

Maka hasilnya akan seperti ini

Pilih Gender Laki-laki Perempuan

Dan sekarang kita membuat checkbox dengan pilihan sama memilih jenis kelamin.
skripnya seperti dibawah ini.

Pilih Hobi: <input type="checkbox" name="hobi" value="musik">Musik

<input type="checkbox" name="hobi" value="olahraga">Olahraga

name itu menunjukkan bahwa checkbok akan mengirim data dengan nama input hobi sedangkan value itu adalah isi dari data yang Anda pilih atau masukkan. Maka hasilnya seperti dibawah ini.

Pilih Hobi: Musik Olahraga

Sekarang kita membuat input type radio yaitu memilih diantara salah satu

Pilih Jenis Kelamin: <input type="radio" name="gender" value="laki-laki">Laki-laki

<input type="radio" name="gender" value="perempuan">Perempuan

Maka hasil yang ditampilkan seperti dibawah ini.

Pilih Jenis Kelamin: Laki-laki Perempuan

sekarang input untuk mengirim data / file contohnya seperti dibawah ini.

Pilih Gambar: <input type="file" name="kirimfile">

maka hasilnya seperti dibawah ini.

Pilih Gambar:

Nah mungkin yang saya berikan hanya segitu jika kurang paham bisa ditanyakan dan apabila ada kata-kata yang salah dan menyinggung mohon dimaafkan sekian dan terima kasih salam.

« Kembali