Form Mahasiswa HTML
HTML mempunyai fungsi yang sangat canggih, yaitu form. Dengan form kita bisa membuat beberapa komponen masukkan seperti textbox, radio button, combo box, dan sebagainya. Form juga digunakan untuk berinteraksi dengan bahasa pemrograman PHP, penjelasannya adalah kita buat beberapa komponen inputan dalam form, kemudian form tersebut berinteraksi dengan php yang selanjutnya kompenen-komponen tersebut akan di isi dengan hasil pemrosesan dari php.
Berikut adalah contoh form html untuk input biodata mahasiswa:
<html>
<head>
<title>Pertemuan 5</title>
</head>
<body bgcolor="#fff">
<form name="biodata" method="post">
<div>
<h1 align="center"> BIODATA MAHASISWA </h1>
<p>
<label>NIM : </label> <br>
<input type="text" name="nim" disabled> <!-- Membuat input text -->
</p>
<p>
<label>Nama Mahasiswa : </label> <br>
<input type="text" name="nama" placeholder="masukan nama">
</p>
<p>
<label>Password : </label> <br>
<input type="password" name="password" maxlength="14">
<!--Membuat inputan password -->
</p>
<p>
<label>Jenis Kelamin : </label> <br>
<input type="radio" name="jk" value="Laki-Laki" checked> Laki - Laki
<input type="radio" name="jk" value="Perempuan"> Perempuan
<!--Membuat pilihan radio button -->
</p>
<p>
<label>Tempat / Tanggal Lahir </label> <br>
<input type="text" name="tempat">
<input type="date" name="tanggal" min="1990-01-02" max="2000-01-02">
<!--Membuat inputan tanggal -->
</p>
<p>
<label> UKM :</label> <br>
<input type="checkbox" name="LCC" value="LCC" checked> LCC
<input type="checkbox" name="LAC" value="LAC"> LAC
<input type="checkbox" name="SEAL" value="SEAL"> SEAL
<input type="checkbox" name="RE" value="RE"> RE
</p>Se
<p>
<label> Konsentrasi :</label> <br>
<select name="konsentrasi">
<option value="AB"> AB </option>
<option value="AP"> AP </option>
<option value="TI"> TI </option>
<option value="HM"> HM </option>
<option value="KA"> KA </option>
</select>
</p>
<p>
<label>Alamat : </label> <br>
<textarea name="alamat" cols="50" rows="5"> </textarea>
</p>
<p>
<input type="submit" value="hapus" name="tombol">
</p>
</div>
</form>
</body>
</html>
<head>
<title>Pertemuan 5</title>
</head>
<body bgcolor="#fff">
<form name="biodata" method="post">
<div>
<h1 align="center"> BIODATA MAHASISWA </h1>
<p>
<label>NIM : </label> <br>
<input type="text" name="nim" disabled> <!-- Membuat input text -->
</p>
<p>
<label>Nama Mahasiswa : </label> <br>
<input type="text" name="nama" placeholder="masukan nama">
</p>
<p>
<label>Password : </label> <br>
<input type="password" name="password" maxlength="14">
<!--Membuat inputan password -->
</p>
<p>
<label>Jenis Kelamin : </label> <br>
<input type="radio" name="jk" value="Laki-Laki" checked> Laki - Laki
<input type="radio" name="jk" value="Perempuan"> Perempuan
<!--Membuat pilihan radio button -->
</p>
<p>
<label>Tempat / Tanggal Lahir </label> <br>
<input type="text" name="tempat">
<input type="date" name="tanggal" min="1990-01-02" max="2000-01-02">
<!--Membuat inputan tanggal -->
</p>
<p>
<label> UKM :</label> <br>
<input type="checkbox" name="LCC" value="LCC" checked> LCC
<input type="checkbox" name="LAC" value="LAC"> LAC
<input type="checkbox" name="SEAL" value="SEAL"> SEAL
<input type="checkbox" name="RE" value="RE"> RE
</p>Se
<p>
<label> Konsentrasi :</label> <br>
<select name="konsentrasi">
<option value="AB"> AB </option>
<option value="AP"> AP </option>
<option value="TI"> TI </option>
<option value="HM"> HM </option>
<option value="KA"> KA </option>
</select>
</p>
<p>
<label>Alamat : </label> <br>
<textarea name="alamat" cols="50" rows="5"> </textarea>
</p>
<p>
<input type="submit" value="hapus" name="tombol">
</p>
</div>
</form>
</body>
</html>
Sekian dari Saya sampai ketemu di lain postingan
Komentar
Posting Komentar