Membuat Formulir Di Halaman Web Dengan HTML - Lunyui

Thursday, October 20, 2016

Membuat Formulir Di Halaman Web Dengan HTML

Untuk mendapatkan umpan balik dari pengunjung website, biasanya dalam halaman website perlu ditambahkan fasilitas untuk mengirim data yang berbentuk form masukan. Penggunaan form yang hanya menggunakan HTML saja tidak akan terlalu berguna. Form biasanya hanya berupa interface yang disediakan untuk mengumpulkan data dari user, dan akan di proses dengan bahasa pemrograman web, seperti JavaScript atau PHP, dan disimpan didalam data base MySQL.

Perintah atau tag yang digunakan adalah <FORM> dan di akhiri dengan tag </FORM>. Field-field yang berbeda di ataranya digunakan untuk menentukan ukuran dan jenis dari masing-masing input field. Berikut ini saya akan membahas Membuat Formulir Di Halaman Web DenganHTML. Dan elemen yang dapat disertakan dalam suatu form.

Elemen input menentukan informasi pengguna; sedangkan atribut-atribut untuk tag input, diantaranya.

  • Checked digunakan untuk checkboxes dan radio button. Atribut ini dapat ditentukan nilai TRUE (Checked) ataupun Unchecked/false.
  • Maxlength digunakan untuk menentukan jumlah maximum karakter yang dapat dimasukan dalam suatu textbox.
  • Name digunakan untuk menentukan nama form control. Hal ini digunakan untuk menentukan elemen  data pada form ke resource yang memproses elemen ini.
  • Size digunakan untuk menentukan ukuran form control. Ini dapat berupa  nilai tunggal yang menentukan lebar kontrol dalam karakter, atau dalam pasangan lebar dan panjang.
  • Src digunakan untuk menentukan gambar yang akan ditampilkan dengan kontrol.
  • Type digunakan untuk menentukan jenis control yang akan digunakan.
  • Select digunakan untuk menandai awal dan akhir dari data dalam suatu list box atau suatu daftar pilihan drop-down.
  • Option digunakan untuk menentukan masing-masing pilihan dalam text box atau list box.

Perintah Form

Untuk membuat Form atau Formulir, ada beberapa objek yang sering dipakai, diantaranya.
  • Objek Text
  • Objek Radio
  • Objek Checkbox
  • Objek Select
  • Objek Textarea
Contoh membuat formulir di halaman web dengan html.

<html>
<head>
<title>form data visitor blog
</title>
</head>
<body>
<h2>
<b>form data visitor blog<br></br></b></font>
<from nam=from>
<hr>
<table>
<tr><td>nama anda<td>: <input type=text nam="nama"
size=20>
<tr><td>Jenis Kelamin<td>:<input type="radio"
name="kelamin" value=pria>pria <input type="radio"
name="kelamin" value=wanita>wanita
<tr><td>Hoby <td>:<input type="checkbox" name="musik"
value=musik>musik
<tr><td>Agama <td>: <select size="1" name="agama">
<option>Islam</option>
<option>Budha</option>
<option>Hindu</option>
</select>
<tr><td> Alamat<td> : <input type="text"
nama="asalalamat'' size='''35''>
<tr><td>Keterangan<td> : <textarea name=''keterangan"
cols=40 rows=5> </textarea>
</table>
<hr>
<input type=submit value=kirim><input type=reset>
</form>
</body>
</html>

Simpan file diatas dengan menggunakan perintah Save As lalu jalankan programnya menggunakan browser yang anda pakai.

Cara Membuat Formulir Di Halaman Web Dengan HTML


Demikian artikel dari saya semoga bermanfaat, jika agan masih bingung boleh bertanya sesuai tema artikel diatas. Terimakasih.
Comments


EmoticonEmoticon