Replace.web.ID

Maka tag yang akan dibuat adalah <input type="text />. Untuk lebih jelasnya lihat type input dibawah ini.

Type Text Filed

Text field digunakan ketika anda menginginkan user menginputkan data dengan tipe huruf, angka, dll dalam form. Contohnya seperti kode dibawah ini.

<form>
Nama : <input type="text" name="nama" /><br />
Email : <input type="text" name="email" />
</form>

Dan hasilnya seperti ini.

Type Radio Button

Radio buton digunakan jika kita mempunyai sebuah pilihan dan hanya bisa memilih satu pilihan saja. Seperti voting yang ada di website ini.

<form>
<input type="radio" name="kelamin" value="pria" />Laki - laki<br />
<input type="radio" name="kelamin" value="wanita" /> Perempuan
</form>

Hasilnya seperti dibawah ini.

Type Check Box

Berbeda dengan radio button, checkbox memungkinkan user untuk memilih pilihan lebih dari satu pilihan. Contohnya seperti dibawah ini.

<form>
<input name="vehicle" type="checkbox" value="Soto" />Soto<br />
<input name="vehicle" type="checkbox" value="Nasgor" />Nasi goreng<br />
<input name="vehicle" type="checkbox" value="Bakso" />Bakso
</form>

Hasilnya seperti dibawah ini.

Type Textarea

Submit button digunakan untuk mengirim isian yang telah disikan pada form yang kita buat. pada atribut form action yang berfungsi menentukan arah yang kita tuju. mothod adalah bagaimana kita melakukan pengiriman, bisa GET atau POST. Biasanya dalam suatu web yang mempunyai halaman form menggunakan halaman yang dinamis seperti PHP.

<form name="input" _cke_saved_name="input" _cke_saved_name="input" action="daftar_nama.html" method="get">
Nama : <input type="text" name="nama" />
<input type="submit" value="Log In" />
</form>

Hasilnya akan tampak seperti ini, text field dengan button di sampingnya.

Type File Field

File field biasanya digunakan untuk upload data atau file dari komputer anda menuju internet atau server. Contoh scriptnya sebagai berikut.

<form>File Upload <input type="file" name="nama" /></form>

Hasilnya seperti ini.

Type Hidden Field

Hiden file biasanya digunakan untuk inputan yang tersembunyi atau tidak ingin ditampilkan. Seperti input primarykey dan sebagainya.

<form> <input type="hidden" name="rahasia" /></form>	

  hidden field tidak akan di tampilkan di browser tetapi akan tetap dimasukan dalam suatu inputan form.

Type Fieldset

Kita dapat mempercantik form kita dengan berbagai cara, seperti menambahkan tabel atau yang lainya. saya akan memberi tahu cara menggukan fieldset. Hasilnya sepertikita memberi bingkai pada sebuah form.

<fieldset><legend> Nama Anda</legend>
<form action="#">
Nama Depan<input type="text" size="3">
Nama Belakang <input type="text" size="3">
</form> >
</fieldset>

Hasilnya tampak seperti dibawah ini.

  fieldeset juga mempunyai beberapa atribut seperti mengatur ketebalan border dan yang lainya.

Sekian dulu tutorial HTML kali ini. Semoga bermanfaat bagi para pembaca. Salam Sukses!