Mengenal Form dan Atribut Form Pada HTML

16 Jul 2019 15:20 722 Hits 0 Comments Approved by Plimbi
Yuk kita bahas form beserta atribut form pada HTML

Pada artikel kali ini saya akan membahas tentang form beserta atribut form pada HTML

 

FORM PADA HTML                                                                                                                                           

Form Merupakan tempat penginputan data sebelum diproses oleh system. Salah satunya yaitu form login, form comment, form data user, dan lain sebagainya. Tag yang sering digunakan untuk membuat form adalah tag FORM yang didalamnya bisa terdapat tag INPUT, TEXTAREA, OPTION, dan SELECT.

 

A. Tag FROM                                                                                                                                                          

Tag FROM ini membutuhkan beberapa atribut untuk memperoleh data yang akan kita kirim, dan biasanya nilai yang dikirim adalah berupa alamat dari sebuah halaman untuk memproses data inputan dan atribut yang kedua berupa method. Method ini adalah yang menjelaskan bagaimana data yang akan dikirim oleh web browser. Nilai dari method ini biasanya berupa method GET atau POST.

 

 

B. Tag INPUT                                                                                                                                                         

Tag input merupakan tag yang digunakan dalam form pengisian. Berikut adalah beberapa bentuk dalam keluarga tag INPUT yang dikategorikan berdasarkan atribut:                                                               

1. Input Type Text                                                                                                                                                   

Input type text merupakan sebuah textbox yang bisa menerima inputan text, contohnya berupa username atau inputan berupa text pendek

 

2. Input Type Password                                                                                                                                           

Input type password merupakan sebuah textbox yang bisa menerima inputan text, tapi text yang diinputkan akan ditampilkan dengan tanda bintang atau tanda titik, texbox ini biasanya digunakan untuk inputan password.    

                                                                                                                                   

3. Input Type Submit                                                                                                                                         

Inputan ini berupa tombol (button) untuk memproses data inputan dari form.  

                                    

4. Input Type Checkbox                                                                                                                                          

Inputan ini berupa  checkbox yang dapat diceklis oleh user.              

                                                             

5. Input Type Radio                                                                                                                                               

Inputan ini berupa input radio grup, dimana user hanya dapat memilih satu dari pilihan yang telah disediakan. Input radio ini biasanya digunakan untuk memilih jenis kelamin.

 

C. Tag TEXTAREA                                                                                                                                                        

Tag textarea merupakan tag yang berfungsi untuk inputan, namun perbedaannya pada textarea ini dapat diisikan dengan lebih banyak teks didalamnya. Untuk mengatur panjang dan banyak baris pada textarea ini kita bisa mengaturnya menggunakan CSS.

D. Tag SELECT                                                                                                                                                       

Tag select ini merupakan tag yang digunakan user untuk memilih data yang telah disediakan.  Dalam penggunaannya tag select ini selalu diikuti oleh tag OPTION yang digunakan untuk membuat pilihan.

E.Atribut Name                                                                                                                                                        

Atribut name merupakan atribut yang nilainya digunakan pada saat memproses data oleh web server. Berikut merupakan contoh penggunaan from pada HTML:   

                                                                               

       

 

ATRIBUT PADA HTML

Dalam pembuatan form pada HTML tentu saja terdapat beberapa atribut yang akan kita gunakan nantinya pada saat memproses data dengan webserver. Berikut adalah beberapa atribut yang digunakan pada form HTML :

 

1. Atribut Value

Atribut value merupakan nilai awal yang akan ditampilkan pada saat menjalankan dibowser.

 

2. Atribut Readonly                                                                                                                                         

Atribut readonly merupakan atribut  yang ketika kita menggunakan atribut tersebut maka nilai value tidak dapat diubah. Atribut readonly ini biasanya digunakan ketika kita mengedit data yang terdapat id didalamnya, sehingga id tersebut tidak bisa kita ubah.

 

3. Atribut Disabled                                                                                                                                                

Atribut disabled digunakan untuk menonaktifkan inputan, maksudnya elemen disabled ini bisa digunakan tetapi tidak bisa diedit, atribut disabled ini sama halnya dengan atribut readonly.

 

4.Atribut Size                                                                                                                                                        

Atribut size ini berfungsi untuk mengatur kotak inputan.

 

5. Atribut Maxlength                                                                                                                                      

Atribut maxlength ini digunakan  untuk menentukan jumlah inputan teks yang dibatasi.

 

6. Atribut List                                                                                                                                                   

Atribut list digunakan untuk menampilkan list pada form inputan.

 

7. Atribut Min dan Max                                                                                                                                  

Atribut ini berfungsi untuk menentukan nilai minimum dan maksimum untuk elemen INPUT. Atribut ini digunakan untuk jenis inputan seperti: nomor, tanggal, datetime, bulan, waktu, minggu, dll

 

8. Placeholder Attribute                                                                                                                                

Atribut ini digunakan sebagai pengganti dari lebel field.

 

Tags

About The Author

Tineu Nursyifa 28
Novice

Comments

You need to be logged in to be able to post a comment. Click here to login
Plimbi adalah tempat menulis untuk semua orang.
Yuk kirim juga tulisanmu sekarang
Submit Artikel