Dibawah ini adalah contoh dari form Input untuk form input ini sebenarnya mempunyai banyak atribut seperti dalam pembuatan tabel ataupun paragraph tetapi untuk penjelasan tutorial ini saya hanya memberikan bagaimana cara membuat form input.
1. Input Text
<html>
<title>Form</title>
</body>
<form action="">
First name:<br> <input type="text" name="firstname" value="Rianto"><br>
Last name:<br> <input type="text" name="lastname">
<input type="submit" name="simpan">
</form>
</body>
</html>
</body>
<form action="">
First name:<br> <input type="text" name="firstname" value="Rianto"><br>
Last name:<br> <input type="text" name="lastname">
<input type="submit" name="simpan">
</form>
</body>
</html>
Hasil dari script di atas dapat dilihat seperti ini
2. Input Tipe Radio
<html>
<title>Tipe Radio</title>
</body>
<form>
Jenis Kelamin<br>
<input type="radio" name="jk" value="pria" checked>Pria<br>
<input type="radio" name="jk" value="wanita">Wanita<br>
</form>
</body>
</html>
<title>Tipe Radio</title>
</body>
<form>
Jenis Kelamin<br>
<input type="radio" name="jk" value="pria" checked>Pria<br>
<input type="radio" name="jk" value="wanita">Wanita<br>
</form>
</body>
</html>
Hasil dari script di atas dapat dilihat seperti ini.
3. Input Tipe CekBok
<html>
<title>Tipe Cek Box</title>
</body>
<form>
Jenis Kendaraan yang dimiliki<br>
<input type="checkbox" name="kendaraan" value="Mobil">Mobil<br>
<input type="checkbox" name="kendaraan" value="Becak">Becak<br>
<input type="checkbox" name="kendaraan" value="Motor">Motor<br>
<input type="checkbox" name="kendaraan" value="Sepeda">Sepeda<br>
</form>
</body>
</html>
<title>Tipe Cek Box</title>
</body>
<form>
Jenis Kendaraan yang dimiliki<br>
<input type="checkbox" name="kendaraan" value="Mobil">Mobil<br>
<input type="checkbox" name="kendaraan" value="Becak">Becak<br>
<input type="checkbox" name="kendaraan" value="Motor">Motor<br>
<input type="checkbox" name="kendaraan" value="Sepeda">Sepeda<br>
</form>
</body>
</html>
Hasil dari script di atas dapat dilihat seperti ini
4. Tipe Button
<html>
<title>Tipe Button</title>
</body>
<form>
<input type="button" onclick="alert('Hai.... Selamat datang di Blog Saya')" value="Sapa!">
</form>
</body>
</html>
<title>Tipe Button</title>
</body>
<form>
<input type="button" onclick="alert('Hai.... Selamat datang di Blog Saya')" value="Sapa!">
</form>
</body>
</html>
Hasil dari script di atas dapat dilihat seperti ini
Tipe Tanggal
<html>
<title>Tipe Tanggal</title>
</body>
<form>
Masukkan Tanggal Lahir
<input type="date" name="lahir">
</form>
</body>
</html>
<title>Tipe Tanggal</title>
</body>
<form>
Masukkan Tanggal Lahir
<input type="date" name="lahir">
</form>
</body>
</html>
Hasil dari script di atas dapat dilihat seperti gambar di bawah
Itu tadi beberapa hal yang terdapat di dalam form, sebenernya masih ada lagi, berhubung saya sudah capek ngetiknya jadi saya sudahin dulu, nanti untuk kekurangannya akan saya sambung lagi di Part 04
Semoga sedikit apa yang telah saya tuliskan di atas dapat berguna (Jika ingin belajar jangan pake Ilmu Copy Paste tapi silahkan diketik ulang supaya jari dan otak kita bisa menghafalnya).
0 Comments
