Elemen Form HTML

Form mempunyai beberapa elemen yaitu:

• Teks Field

• Password Field

• Radio Button

• CheckBox

• Textarea

• Dropdown list

• Submit Button

 

Text Field

Adalah elemen form yang digunakan untuk menginput data dalam satu baris.

Syntax:

<input name=”namaElemen” type=”text” >

Contoh:

Buatlah sebuah file HTML bernama teksField.html dengan isi seperti kode berikut ini:

Masukkan Namamu: <input name=”namaOrang” type=”text”>

Hasil:

Bukalah file teksField.html melalui browsermu dan lihatlah hasilnya.

 

Password Field

Adalah elemen form yang digunakan untuk menginput data password.

Syntax:

<input name=”namaElemen” type=”password” />

Contoh:

Buatlah sebuah file HTML bernama passwordField.html dengan isi seperti kode berikut ini:

Masukkan passwordmu : <input name=”passwordUser” type=”password” />

Hasil:

Bukalah file passwordField.html melalui browsermu dan lihatlah hasilnya.

 

Radio Button

Adalah elemen form yang digunakan untuk memilih satu pilihan.

Syntax:

<input name=”namaElemen” type=”radio” />

Contoh:

Buatlah sebuah file PHP bernama radioButton.html dengan isi seperti kode berikut ini:

Pilih hobimu :
<input name=”hobi” type=”radio” value=”renang” >Renang
<input checked="checked" name=”hobi” type=”radio” value=”sepakbola” >Sepak Bola

Hasil:

Bukalah file radioButton.html melalui browsermu dan lihatlah hasilnya.

 

CheckBox

Adalah elemen form yang digunakan untuk memilih lebih dari satu pilihan.

Syntax:

<input name=”namaElemen” type=”checkbox” >

Contoh:

Buatlah sebuah file HTML bernama checkbox.html dengan isi seperti kode berikut ini:

Pilih minuman favoritmu: <br> <input name=”minuman[]” type=”checkbox” value=”Air Putih" >Air Putih

<br > <input name=”minuman[]” type=”checkbox” value=”es jeruk" >Es Jeruk

<br > <input name=”minuman[]” type=”checkbox” value=”es teh manis" >Es Teh Manis

Hasil:

Bukalah file checkbox.html melalui browsermu dan lihatlah hasilnya.

 

Textarea

Adalah elemen form yang digunakan untuk menginput data dalam multi baris.

Syntax:

<textarea rows="jumlahBaris" cols="jumlahKolom"></textarea>

Contoh:

Buatlah sebuah file HTML bernama textarea.html dengan isi seperti kode berikut ini:

Masukkan Komentarmu : <textarea cols=”40” rows=”7”>Lanjutkan kursusnya</textarea>

 

DropDown List

Adalah elemen form yang digunakan untuk membuat pilihan berbentuk dropdown.

Syntax:

<select name="namaElemen">

<option value="nilai">Teks yang ditampilkan</option>

Contoh:

Buatlah sebuah file PHP bernama kota.php dengan isi seperti kode berikut ini:

Pilih Kota:<select name="kota">

<option value="1">Jakarta</option>

<option value="2">Bogor</option>

<option value="3">Tanggerang</option>

<option value="4">Bekasi</option>

</select>

Hasil:

Bukalah file teksfield.html melalui browsermu dan lihatlah hasilnya.

 

Submit Button

Adalah elemen form yang digunakan untuk mengirimkan data form ke server.

Syntax:

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

Contoh:

Buatlah sebuah file PHP bernama submit.html dengan isi seperti kode berikut ini:

<form action="penerima.php" method="POST">

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

</form>

Hasil:

Bukalah file submit.html melalui browsermu dan lihatlah hasilnya.

2016 © Fahmi Basya Kartapura