Anda di halaman 1dari 8

TUGAS 3 – MEMBUAT HALAMAN HTML III

Nama Mahasiswa : Samudera Efendi Marpaung

NIM : 4211111031

Kelas : PSPM 2021 F

Mata Kuliah : Praktikum Desain Web

Kode Script Penerapan Form dan Input HTML

<DOCTYPE! html>
<html>
<head>
<title>Praktikum3_Samudera Efendi Marpaung_PSPM 21F</title>
</head>

<body>

<form action="submit.php" method="GET">

<fieldset>
<legend><h1>Formulir Pendaftaran Siswa</h1></legend>
<table>
<tr>
<td>Nama Calon Siswa</td>
<td>:</td>
<td><input type="name" name="nama"/>
</tr>

<tr>
<td>Tempat/Tanggal Lahir</td>
<td>:</td>
<td><input type="name" name="tempatlahir"/> <input type="date" name="tanggal" /></td>
</tr>

<tr>
<td>Agama</td>
<td>:</td>
<td><select name="agama">
<option value="islam"> Islam</option>
<option value="kristen"> Kristen</option>
<option value="katolik"> Katolik</option>
<option value="budha"> Budha</option>
<option value="hindu"> Hindu</option>
<option value="konghucu"> Konghucu</option>
</select></td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><textarea name="komentar" rows="4" cols="50" ></textarea> </td>
</tr>

<tr>
<td>No Telp/Hp</td>
<td>:</td>
<td><input type="number" name="number" /></td>
</tr>

<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td><input type="radio" name="jeniskelamin" /> Pria
<input type="radio" name="jeniskelamin" /> Wanita</td>
</tr>

<tr>
<td>Hobi</td>
<td>:</td>
<td><input type="checkbox" name="hobi" /> Membaca </input>
<input type="checkbox" name="hobi" /> Menulis </input>
<input type="checkbox" name="hobi" /> Olahraga </input></td>
</tr>

<tr>
<td>Pas Foto</td>
<td>:</td>
<td><input type="file" name="foto" /></td>
</tr>

<tr>
<td><input type="submit" name="submit" value="SUBMIT"/></td>
<td></td>
<td></td>
</tr>

</table>
</fieldset>

</form>

</body>
</html>

Kode Script Penerapan Form dan Input HTML pada Notepad++


Hasil

Setelah Formulir Diisi dengan Data Praktikan


Link : Praktikum3.htm

Anda mungkin juga menyukai