Breaking

Sunday, May 14, 2017

Membuat Form pada HTML


Form adalah tempat dimana sebuah pengimputan data sebelum nantinya akan di proses oleh sebuah sistem. Salah satunya adalah biasa kalian kenal Form Login, Form Comment, Form data User dan lainnya. Sebenarnya untuk form seperti itu pembahasannya datang pada pembelajaran PHP, MYSQL, dan Java Script. tag yang digunakan didalam membuat sebuah form adalah <form> yang didalamnya biasa berupa <input>, <textarea>, <option>, dan <select>.

Tag <form>
Didalam penggunaan tag <form> dibutuhkan beerapa atribut untuk melakukan pemerosesan data yang akan dikirim. Dan biasanya nilai yang dkirim dapat berupa alamat dari sebuah haaman untuk dilakukannya pemerosesan data inputan. Dan atribut yang kedua merupakan metde. Metode ini yang dimaksudkan entang menjelaskan bagaimana data yang diirim oleh sebuah web browser. niai dari method ini dapat get atau post.
Tag <input>
Tag ini merupakan sebuah tag yang akan digunakan dalam form pengisian. tag input ini memilki banyak sekali bentuk yangdapat dgunakan. Contohnya seperti teks, password, checkbox, radio button dan tombol-tmbol sumbit yang ada didalam sebua tag <input>.
Berikut ini beberapa betuk dari tag <input> yang dapat dikategorikan berdasarkan. atributnya.
<input type=’text’>
Form ini memiliki sifat yang menerima inputan text, maksudnya adalah seperti : username, nama, tempat lahir atau inputan text yang pendek.
<input type=’password’>
Form ini memlik sifat meneima inputan password.Setiap text yang di inputkan akan ditamplkan secara tanda titik atau disamarkan, textbox ini biasanya akan digunakan untuk membuat inputan password.
<input type=’submit’>
Merupakan tombol submit, yang artinya sebagai pemerosesan hasil dari data inputan.
<input tpe=’checkbox’>
Ini merupakan inputan checkbox yang dapat diceklis oleh user. Inputan ini yang nantinya akan memungkinkan serang user untuk men-checklist banyak pilihan.
<nput type=’radio’>
Inputan ini adalah berupa radio group, dimanauser dapat memilih salah satu pilihan dari dua pilihan yang disediakan dengan menggunakan Form radio.

Tag <textarea>
tag yang sama fungsinya dengan nputan text, hanya sajapada inputan text area ini dapt dituliskan dengan lebih banyak teks didalamnya secara penuh atau sekaigus. Maksudnya seperti pengisian sebuah alamt lengkap.

Contohnya.
<textae></textarea>

Tag <select> 
Tag yang digunakan oleh user untuk memilh sebuah data yang sudah disediaan. Dalam penggunaan <select> selalu diikuti oleh <option> yang dimaksudkan sebagai pilihan.

Contohnya.
<select>
          <option>Karawang</option>
          <option>Jakarta</optin>
</select> 

Untuk memahami secara keseluruhan kami akan buatkan Conto penulisannya secara penuh tentang penggunaan Form pada HTML.

<!DOCTYPE html>
<html>
<head>
  <title>BERITA HCI</title>
</head>
<body>
  <form>
         nama : <input type="text" name="nama"> <br/>
         alamat : <inputtye="text" name="alamat"> <br/
         password : <input type="password" name=pass"> <br/>
         Jenis Kelamin :
                 <input type="radio" name="jk" value="laki-laki"/> Laki-Laki
                 <input type="radio" name="jk" value="perempuan"/> Perempuan
         bahsa pemerograman yang diminati :
                 <input type="checkbox" name="web"> Web
                 <input type="checkbox" name="android"> Android
                 <input type="checkbox" name="deks"> Dekstop
         asal kota :
              <select>
                    <option>Karawang</option>
                    <option>Jakarta</option>
              </select>
         <br/>
         Isi KOmentar Kalian :
         <textarea></textarea>
         <br/>
         <input type="submit" value="proses">
</form>
</body>
</html>

Dengan demikian pembelajaran ini telah selesai, semoga artikel yang kami share untuk kalian semua dapat berguna serta bermanfaat untuk kalian semua.
                     

No comments:

Post a Comment