Jenis dan Type Form pada HTML

by Rizki Darmawan 19.35 2 komentar rekayasa perangkat lunak rpl

Ada beberapa jenis dan type pada form dengan menggunakan HTML, antara lain sebagai berikut :

1. Form Input

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

Type Form Input :

a. text

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

b. email

<input type=”email” name=”” value=””>

c. password

<input type=”password” name=”” value=””>

d. file

<input type=”file” name=””>

e. radio

<input type=”radio” name=”radio_1” value=”1”> Data 1
<input type=”radio” name=”radio_1” value=”2”> Data 2

Data 1 Data 2

f. checkbox

<input type=”checkbox” name=”cek_1” value=”1”> Data 1
<input type=”checkbox” name=”cek_1” value=”2”> Data 2

Data 1 Data 2

Klik Disini

2. Form textarea

<textarea name=”” cols=”35” rows=”5”></textarea>

3. Form select

<select name=””>
<option value=”pilihan_1”>Pilihan 1</option>
<option value=”pilihan_2”>Pilihan 2</option>
</select>

Pilihan 1 Pilihan 2

4. Form Button

<button type=”button” name=””>Proses</button>

Type Form Button :

a. button

<button type=”button” name=””>Proses</button>

Digunakan hanya untuk membuat tombol button. Ketika diklik tidak akan bereaksi kecuali diberikan perintah dengan link.

b. submit

<button type=”submit” name=””>Proses</button>

Digunakan untuk membuat button aksi. Ketika diklik maka akan memproses data form.

c. reset

<button type=”reset” name=””>Proses</button>

Digunakan untuk me-reset data yang ada pada form (lainnya). Ketika diklik maka data yang dimasukan di form akan hilang.

Sangkyu sudah baca... Jenis dan Type Form pada HTML

Silahkan komen & lihat-lihat post lainnya di rizkidrpl01.blogspot.com :D Jangan lupa share juga ya... :D