Breaking News

Membuat form dan textarea

FORM <form> Pada saat membuat form anda bisa meletakkan control-control pada form untuk memperbolehkan inputan dari user semua control biasanya di letakkan di antara tag <form></form> Berikut ini beberapa contoh kegunaan Form dalam web:

1. memperoleh data-data user baik nama, alamat dan data lainnya.
2. untuk mendaftar pada service yang di sediakan.
3. memperoleh informasi pembelian secara online.
4. memperoleh feedback dari user mengenai website kamu.

Tag <form> digunakan untuk membuat form dalam document HTML.
Atributnya :
ACCEPT : Mendefinisikan MIME yang di izinkan oleh server yang memuat script untuk memproses form. Syntax :
ACCEPT="Internet Media Type"
METHOD :Menentukan bagaimana data akan di kirim ke server.
>>GET :data akan di kirim dengan menggunakan query string pada URL
>>POST:data akan di kirim ke server sebagai block data ke script. Syntax :
METHOD="POST/GET"
ACTION :Menentukan lokasi dari script yang akan memproses data dari form
Syntax : ACTION="URL"
Selain diletakkan diantara tag Kamu juga bisa meletakkan control diluar tag tersebut Untuk menambahkan control gunakan tag <input> Berikut macam-macam component input:
*Button
Component ini memiliki attribute:
> Name :Nama dari control > Size :Ukuran control > Type : <input type="button"> > Value:Untuk memberikan value ke input.
*Text
Untuk membuat sigle line text control
Attribute size digunakan untuk menetukan jumlah character yang bisa ditampilkan sementara maxlength attribute digunakan untuk menentukan maximum character yang bisa di masukkan.
contoh :
<input type="text" name="textbox" value="text didalam input" size="20"/>
Hasilnya:


*CheckBox Checkbox memiliki atribut: > Checked :Untuk memberi default check
> Name :Nama dari control
> Size :ukuran control
> Type : > Type : <input type="checkbox">
> Value :Untuk bemberi value ke input
contoh :
<input type="checkbox"> name="check" size="10"/>
Hasilnya:
name="check" size="10"/>

Radio
Setiap radio button control harus memiliki nama yang sama sehingga user hanya bisa memilih satu option saja. Radio button juga harus secara explisit memberikan nilai ke atribut value. Radio memiliki atribut:
> Checked :Untuk memberi default check
> Name :Nama dari control
> Size :ukuran control
> Type : <input type="radio">
> Value :Untuk bemberi value ke input
contoh :
<input type="radio" name="check" size="10"/>
Hasilnya:


Text Area
Untuk membuat textarea gunakan tag <textarea></textarea>
Text Area memiliki atribut:
>cols :Lebar dari text area
>rows :Jumlah baris
>Name :Nama dari control
>Size :Ukuran control
contoh :
<textarea cols="20" rows="5" name="text1"> text didalam text area, visit http://www.azzahid.co.cc </textarea>
Hasilnya:


ComboBox / List Box (Selection) Tag <SELECT> digunakan untuk membuat component combo box. sementara untuk item dari combo box menggunakan tag <OPTION> Selection memiliki atribut:
>Name :Untuk memberi nama element >Size :Untuk menentukan jumlah baris yang di tampilkan >Multiple :Untuk menentukan apakah user boleh memilih lebih dari satu option atau nggak. contoh :
<select name="bunga"> <option value="mawar">mawar</option> <option value="melati">melati</option> <option value="orchid">orchid</option> </select>
Hasilnya:

Tidak ada komentar

Jika ada pertanyaan, sekedar sharing pendapat, dll, Silakan Isi komentar di bawah ini: