Form pada HTML - Hallo sahabat Dev-Create, Pada Artikel yang anda baca kali ini dengan judul Form pada HTML, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan
Artikel html,
Artikel Materi HTML, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.
Judul : Form pada HTML
link : Form pada HTML
<form> </form>
untuk membuat dan menjalankan form anda tidak butuh server (buka langsung di web browser), tetapi untuk mengabil datanya anda butuh server, seperti contoh ini menggunakan server apache dengan bahasa pemrograman PHP.
buat sebuah file dengan nama inputnama.php kodenya sebagai berikut:
buat sebuah file untuk menerima data dengan nama aksi_inputnama.php kodenya sebagai berikut:
Baca Juga Tips Belajar HTML
Anda sekarang membaca artikel Form pada HTML dengan alamat link https://dev-create.blogspot.com/2019/07/form-pada-html.html
Judul : Form pada HTML
link : Form pada HTML
Form pada HTML
Kali ini saya akan menjelaskan mengenai form, dan fungsinya. Form adalah sebuah tag HTML yang digunakan untuk menginput nilai dari pengguna. Format penulisannya adalah sebagai berikut:
<form> </form>
Form pada HTML |
Form seperti selembar kertas kosong yang kemudian harus dituliskan alamat tujuan dan metode pengiriman. Berikut ini tulisan jika sebuah form sudah berisi alamat tujuan dan metode pengiriman.
<form action="url" method="GET/POST">
<!-- elemen form -->
</form>
Pada properti action url diisi sesuai dengan alamat file tujuan sedangkan method dipilih GET atau POST.
Setelah selembar form disiapkan dengan baik, selanjutnya anda tinggal menambahkan elemen form. Catatan, tag form tidak memberi efek tampilan di layar sedangkan elemen form akan tampil dilayar.
Ada banyak elemen form, elemen-elemen tersebut seperti:
Setelah selembar form disiapkan dengan baik, selanjutnya anda tinggal menambahkan elemen form. Catatan, tag form tidak memberi efek tampilan di layar sedangkan elemen form akan tampil dilayar.
Ada banyak elemen form, elemen-elemen tersebut seperti:
- Input Type Text
- Input Type Number
- Textarea
- Select
- Radio
- Checkbox
- Submit fungsinya memulai pengiriman form/formulir
- Button fungsinya sebagai objek link
- <input type="text" name="nama">
- <input type="number" name="jumlah">
- <textarea col="1" row="2" name="komentar"> Tulis..</textarea>
- <select name="negara">
<option value="indonesia">Indonesia</option>
<option value="malaysia">Malaysia</option>
<option value="Singapura">Singapura</option>
</select> - <input type="radio" name="gender" value="L"> Laki-laki
<input type="radio" name="gender" value="P"> Perempuan - <input type="checkbox" name="hobi1" value="putsal"> Putsal
<input type="checkbox" name="hobi2" value="renang"> Renang - <input type="submit" value="Simpan">
- <input type="button" value="Batal">
- Laki-laki Perempuan
- Putsal Renang
untuk membuat dan menjalankan form anda tidak butuh server (buka langsung di web browser), tetapi untuk mengabil datanya anda butuh server, seperti contoh ini menggunakan server apache dengan bahasa pemrograman PHP.
buat sebuah file dengan nama inputnama.php kodenya sebagai berikut:
<html>
<head>
<title>Input Nama</tile>
</head>
<body>
<form action="aksi_inputnama.php" method="POST">
<input type="text" name="nama">
<input type="submit" value="proses">
</form>
</body>
<html>
buat sebuah file untuk menerima data dengan nama aksi_inputnama.php kodenya sebagai berikut:
<?php
echo $_POST['nama'];
?>
Terimakasi telah membaca semoga bermanfaat.
Baca Juga Tips Belajar HTML
Demikianlah Artikel Form pada HTML
Sekianlah artikel Form pada HTML kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Form pada HTML dengan alamat link https://dev-create.blogspot.com/2019/07/form-pada-html.html