Membuat Tabel Form HTML
posted by: muhamad ade kurniawan
ketika di klik "masukan" form akan menuju sebuah file html yang menapilkan pesan konfirmasi input sukses
syntax form:
<html>
<head>
<title> Latihan form </title>
</head>
<body>
<!--this is where your form will go-->
<form action="output.html" method="get">
<table border="1" bgcolor="" cellspacing="1" cellpadding="5">
<caption> Latihan membuat table form </caption>
<tr>
<td colspan="3" align="center">Form Mahasiswa</td>
</tr>
<tr>
<td>NIM</td> <td colspan="2"><input type="text" size="10" name="nim"></td>
</tr>
<tr>
<td>Nama</td>
<td colspan="2"><input type="text" name="name" size="25"></td>
</tr>
<tr>
<td>Alamat</td>
<td colspan="2"><textarea rows="4" cols="50"> </textarea></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td><input type="radio" name="kel" value="pria"> Pria </td>
<td><input type="radio" name="kel" value="wanita"> Wanita </td>
</tr>
<tr>
<td>Jurusan</td>
<td colspan="2">
<select id="myList">
<option value="TI">Pilih</option>
<option value="TI">Teknik Informatika</option>
<option value="SI">Sistem Informasi</option>
<option value="SK">Sistem Komputer</option>
<option value="D3">Diploma 3</option>
</select>
</td>
</tr>
<tr>
<td>Opsi</td>
<td><input type="submit" value="masukan"></td>
<td><input type="reset" value="batal"></td>
</tr>
</table>
</form>
</body>
</html>
Histats.com © 2005-2014
0 comments:
Post a Comment