Membuat Form dengan HTML

Baso Onhacker | Form dengan HTML yang berisi elemen teks, cekbox, radio tombol, daftar pilih, tombol submit dan banyak lagi.

Kali ini saya akan share tentang bagaimana cara membuat Form dengan HTML. Perhatikan dibawah ini.

• Membuat Label Teks.

Kode :

<form> First name: <input type="text" name="nama_depan"><br> Last name: <input type="text" name="nama_belakang"> </form>

Hasilnya seperti dibawah ini :

Nama_depan:     
Nama_Belakang:

• Label Password

Kode

<form> Password: <input type="password" name="pwd"> </form>

Hasilnya seperti dibawah ini

Password:

• Label Pilihan (radio Button)

Kode :

 <form> <input type="radio" name="sex" value="Laki-laki">Male<br> <input type="radio" name="sex" value="Permpuan">Female </form>

 Hasilnya seperti dibawah :

Laki-laki
Perempuan

• CekBox

Kode :

<form> <input type="checkbox" name="vehicle" value="Bike">Gemar HTML<br> <input type="checkbox" name="vehicle" value="Car">Gemar Javasript </form>

Hasinya seperti dibawah :

Gemar HTML
Gemar Javasript

• Membuat Dropdown

Kode :

<form action=""> <select name="cars"> <option value="jelek">jelek</option> <option value="cukup">cukup</option> <option value="baik">baik</option> <option value="sangat baik">sangat baik</option> </select> </form>
Hasilnya seperti dibawah ini
jelek cukup baik sangat baik

• Tombol Submit

Kode :

 <form name="input" action="html_form_action.asp" method="get"> Username: <input type="text" name="user"> <input type="submit" value="Submit"> </form>

Hasilnya seperti dibwah ini

Username:

Sekian dan semoga bermanfaat