html membuat form

Belajar HTML (3) Membuat Form

Belajar HTML (1) : membuat file html dasar

Belajar HTML (2) : membuat table

Membuat Form

Tag yang digunakan adalah <form> dan </form>, Berikut contoh scriptnya :

	<!DOCTYPE html>
	<html>
	<head>
	<title>Membuat Form</title>
	</head>
	<body>
	<h2>Membuat Form</h2>

	<form>
	<fieldset>
	<legend>Contoh Form Master Input Mahasiswa</legend>
	<table>
	<tr>
	<td>NIM</td>
	<td>:</td>
	<td><input type="text" name="nim"></td>
	</tr>
	<tr>
	<td>Nama</td>
	<td>:</td>
	<td><input type="text" name="nama"></td>
	</tr>
	<tr valign="top">
	<td>Alamat</td>
	<td>:</td>
	<td><textarea name="alamat" cols="40" rows="5"></textarea></td>
	</tr>
	<tr>
	<td>Jenis Kelamin</td>
	<td>:</td>
	<td>
	<input type="radio" name="jenis_kelamin" value="P"> Pria
	<input type="radio" name="jenis_kelamin" value="W"> Wanita
	</td>
	</tr>
	<tr>
	<td> </td>
	<td> </td>
	<td><input type="submit" value="Simpan"> <input type="reset" value="Reset"></td>
	</tr>
	</table>
	</fieldset>
	</form>

	</body>
	</html>

view raw membuat_form.html hosted with ❤ by GitHub

Simpan file script tersebut dengan nama membuat_form.html, kemudian buka menggunakan browser dan ini hasilnya :

Tag yang digunakan adalah :
<form> tag ini untuk membuat form
<fieldset> ini digunakan untuk membuat frame border pada form
<legend> digunakan untuk memberi nama frame border yang ada pada form
<input> digunakan untuk membuat textfield (isian text)

Sampai disini dulu cara membuat form menggunakan html :)

html membuat form

Belajar HTML (3) Membuat Form

Membuat Form

No comments: