Tutorial Form

Apa kabar para pembaca?kuharap kalian keadaanya baik saja..
kali ini saya akan berbagi ilmu tentang bagaimana caranya membuat formulir atau form di web.
kan biasanya kalo kita daftar sesuatu pasti kan di kasih formulir yang berupa kertas.kali ini saya akan membahas bagaimana membuat form di web.

 HTML forms digunakan untuk melewatkan data ke server

HTML form dapat mengandung unsur-unsur masukan seperti text fields, checkboxes, radio-buttons, submit buttons dan sebagainya.dan form dapat berisi select lists, textarea, fieldset, legend,dan label elements.

HTML Forms
Tag <form> digunakan untuk membuat HTML Form

<form>
.
input elements
.
</form>

 Text Fields

 <input type="text"> mendefinisikan field input satu baris yang pengguna dapat memasukkan teks ke:

 <form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">

</form> 

 Bagaimana kode HTML di atas terlihat dalam browser:

 First name:
Last name: 

Password Field

 <input type="password"> mendefinisikan field kata sandi

 <form>
Password: <input type="password" name="pwd">
</form> 

 Bagaimana kode HTML di atas terlihat dalam browser

 Password:

Radio Buttons

Radio buttons membiarkan pengguna memilih HANYA SATU dari sejumlah pilihan

 <form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form> 

Bagaimana kode tersebut terlihat di browser
Male
Female 

 

Checkboxes

untuk memilih atau men chekmat suatu pilihan yang dipilih user

<form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
</form> 

bagaimana kode terlihat 
I have a bike
I have a car

 

Submit Button

submit button di gunakan untuk mengirim data bila form sudah terisi

<form name="input" action="demo_form_action.asp" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form> 

Username: Submit

sekian dari tutorial ini ..