MYTUTOR

Blog ini berisi tentang beberapa tutorial mengenai bahasa pemrograman

Form dan Input

Diposting oleh Alim Blog On Rabu, 26 Maret 2014 0 komentar

Form HTML digunakan untuk memilih berbagai macam pilihan inputan. Sebuah Form HTML dapat berisi element inputan seperti text fields, checkboxes, radio-buttons, submit buttons dan banyak lainya . Form juga  terdappat select lists, textarea, fieldset, legend, dan label elements.
Untuk membuat HTML Form kita harus menggunakan Tag <form>.

 <form>
.
input elements
.
</form>

 Bagian terpenting adalah <input> element yang berfungsi memilih informasi pengguna. Input element bisa digunakan pada tipe text field, checkbox, password, radio button, submit button, dan banyak lainya.



1. Texfield

 <input type="text"> didefinisikan sebagai 1 jalur input yang bisa disisipkan text didalamnya.

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

First name:

Last name:

2. Password Field

 <input type="password"> digunakan sebagai password field:

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

Password:

3. Radio Button

 <input type="radio"> digunakan sebagai radio button. Radio buttons memungkinkan user memilih satu pilihan saja dari beberapa pilihan yang telah dibuat:

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

4. Checkboxes

 <input type="checkbox"> digunakan untuk checkbox. Checkboxes memungkinkan memilih 0 atau lebih pilihan yang telah dibuat.

 <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>
I have a bike
I have a car

5.Submit Button
<input type="submit"> digunakan sebagai submit button. Submit button digunakan untuk mengirim data ke server. Data dikirim ke halaman yang spesifik oleh attribute form. Sebuah file didefinisikan di action attribute:

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

Username:

6. Drop-down list

Biasanya digunakan untuk membuat sebuah pilihan yang akan ditampilkan secara order list apabila di click.

 <form action="">
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>


7. Fieldset

<form action="">
<fieldset>
<legend>Personal information:</legend>
Name: <input type="text" size="30"><br>
E-mail: <input type="text" size="30"><br>
Date of birth: <input type="text" size="10">
</fieldset>
</form>

Personal information: Name:
E-mail:
Date of birth:

Label:

0 komentar:

Posting Komentar