Membuat Form pada HTML
Form adalah tempat dimana nantinya kalian melakukan penginputan data sebelum melakukan yang namanya proses oleh sistem. salah satunya ialah berupa form login, form comment, dan juga form data user, serta lain sebagainya. untuk dapat memproses penginputan data dari form akan kami bahas di materi PHP, dan juga MYSQL, serta JavaScript. tag yang digunakan untuk dapat membuat form ini adalah dengan <form> yang mana didalamnya bisa berupa <input>, <textarea>,<option> dan juga <select>.
Tag <form>
Didalam tag <form> ini akan dibutuhkan beberapa atribut untuk dapat memproses data yang akan dikirim. dan juga biasanya nilai yang dikirim ialah berupa alamat dari sebuah halaman untuk dapat memproses data inputan. dan juga atribut yang kedua berupa method. method ini akan menjelaskan bagaimana data yang akan dikirim oleh web browser. nilai dari method ini biasnya seperti get atau post. berikut ini adalah contoh penulisan <form> pada HTML :
<form action="proses.php" method="post">.....tulis disini .....</form>
Tag <input>
Tag input ialah berupa tag yang akan dipergunakan dalam form pengisian. tag input ini memiliki banyak sekali bentuk yang dapat digunakan misalnya isian dari teks, password, checkbox, radio button, sampai dengan berupa tombol submit berada dalam tag <input>.
Berikut ini beberapa bentuk dalam keluarga tag <input> yang dikategorikan berdasarkan atribut :
- <input type=’text’> textbox yang dapat menerima berupa inputan text misalnya seperti username atau berupa inputan text yang pendek.
- <input type=’password’> textbox yang dapat menerima inputan text, akan tetapi text yang diinput akan di tampilkan sebagai tanda bintang atau berupa titik, textbox ini biasanya digunakan untuk inputan dari password.
- <input type=’submit’> inputan ini ialah berupa tombol (button) untuk dapat memproses data inputan dari form.
- <input type=’checkbox’> inputan ini berupa checkbox yang dapat di ceklis oleh user.
- <input type=’radio’> inputan yang berupa radio grup, dimana user dapat memilih salah satu dari pada pilihan yang telah disediakan. salah satu dari contoh penggunaan dari radio ini adalah seperti jenis kelamin.
<textarea> merupakan tag yang sama, dan juga fungsinya dengan inputan text, hanya saja pada textarea ini dapat diisikan dengan menggunakan lebih banyak teks yang ada didalamnya. untuk mengatur panjang dan banyak baris pada textarea ini dapat menggunakan yang namanya CSS.
berikut ini adalah contoh penulisan textarea :
<textarea> Disini.....</textarea>
Tag <select>
<select> ialah berupa tag yang dapat digunakan untuk user memilih data yang sudah disediakan. Dalam penggunakan <select> dan juga selalu diikuti oleh <option> yng digunakan untuk membuat pilihan.
Berikut ini adalah contoh penulisan <select> pada HTML.
<select>
<option>Karawang</option>
<option>Purwakarta</option>
</select>
Atribut name
Atribut name ialah berupa atribut yang juga nilainya akan digunakan pada saat memproses data oleh web server.
Berikut ini adalah contoh penulisan yang menggunakan atribut name
nama : <input type="text" name="nama"><br/>alamat : <input type="text" name="alamat"></br/>password : <input type="password" name="pass"><br/>
Lebih jelasnya lagi dalam membuat form dengan menggunakan HTML, perhatikan contoh berikut :
<!DOCTYPE html><html><head><title>Membuat Form pada HTML</title></head><body><form>nama : <input type="text" name="nama"><br/>alamat : <input type="text" name="alamat"></br/>password : <input type="password" name="pass"><br/>Jenis Kelamin :<input type="radio" name="jk" value="pria" checked />Pria<input type="radio" name="jk" value="wanita" />Wanita<br/>pelajaran yang disukai :<input type="checkbox" name="web"> Komputer<input type="checkbox" name="mobile"> Otomotif<input type="checkbox" name="desk"> Bahasa<br/>kota asal :<select><option>Karawang</option><option>Purwakarta</option></select><br/>pesan anda :<textarea></textarea><br/><input type="submit" value="proses"></form></body></html>
No comments:
Post a Comment