Cara Membuat Form Action dan Pemahaman Atribut Tag

advertise here
Cara Membuat Form Action dan Pemahaman Atribut Tag


Cara membuat Form Action dan pemahaman Atribut Tag : <form> Merupakan Sebuah perintah yang digunakan pada sebuah dokumen dan berikut andalah  contoh form HTML
<form  atribut="atribut">
.....
.....
.....
</form>

Bisa anda lihat pada contoh diatas bahwa penulis untuk form dilengkapi dengan Atribut dan beberapa atribut tersebut seperti Action dan Metheod.. keduanya sering digunakan pada form HTML


Lantas Apa kegunaan atribut Action tersebut....?

Atribut action sering digunakan untuk memberi perintah pada pengiriman data yang ditulis dari sebuah formulir ketika pada tombol action tersebut di KLIK dan berikut contoh HTML anction agar dapat bekerja dengan Baik

<form action="URL">

Perhatikan pada bagian URL didalam HTML Action Diatas. Silahkan Anda ganti sesuai keinginan dimana ketika diklik akan mengarah ke suatu alamat url yang Anda maksud.
Contoh:
<form action="http//www.example.com/example.htm>

Dari contoh diatas belum bisa digunakan karena belum memiliki perintah Ke server url website yang akan dituju. Jadi silahakan tambahkan perintah "GET:" agar dapat digunakan

<form method="get/post">

Pemahaman Tag <textarea>

Tag <textarea> adalah Suatu tempat atau area yang digunakan untuk menyimpan suatu Text ataupun suatu komponen HTML yang bisa tampil dalam bentuk format Text. Penggunaan-nya sendiri untuk Text yang memiliki panjang lebih dari satu baris maka kita perlu menggunakan Komponen Text are tersebut, dan berikut adalah cara penulisan Text area:


<textarea rows="5" cols="20">
    ---- Data yang akan di Input -------
</textarea>

Bagian atribut tersebut yaitu textarea dapat diatur melalui atribut riws dan Cols atau Anda bisa mengaturnya dengan menggunakan CSS secara langsung

3.  Tag <select>(edit)

Tag<select> merupakan sebuah komponen Input atau perintah yang memiliki beberapa pilihan menu yang bisa bekerja untuk satu pilihan jika terjadi aktivitas pilih/klik dari suatu pilihan yang tersedia. Berikut adalah cara penerapan nya:

<select name="name">
<option value="contoh 1">Contoh 1 </option>
<option value="contoh 2">contoh 2</option>
<option value="contoh 3">contoh 3 </option>
<option value="contoh 4">contoh 4</option>
</select>

Name="name" Digunkan sebagai perintah pada option value yang di tuju sedangkan Nama dari Komponen "input select digunakan untuk memberikan perintah. lantas fungsi dari value sendiri yakni untuk memberi pilihan pada suatu option menu yang biasa digunakan pada website.

dari pada anda penasaran dan bingung, kami akan menyajikan cara penulisannya secara lengkap agar anda dapat memahaminya secara rinci dan berikut ulasannya yang tekah kami sediakan yaitu contok HTML untuk formulir Pendaftaran

<!doctype html>
<html>
<head>
<title>Formulir</title>
</head>
<body>
<center><h1>Formulir Pendaftaran</h1></center>
<center><table border="0" width="400">
    <tr><td>Nama</td>
           <td>:</td>
           <td><input type="text" size="25"></td>
    </tr>
    <tr><td>Password</td>
           <td>:</td>
           <td><input type="password" size="25"></td>
    </tr>
    <tr><td>Tanggal Lahir</td>
           <td>:</td>
           <td><input type="text" size="2">/
                  <input type="text" size="2">/
                  <input type="text" size="2"> (hh/bb/tttt)</td>
    </tr>
    <tr><td>Jenis Kelamin</td>
           <td>:</td>
           <td><input type="radio" value="Laki-laki">Laki-Laki<br>
                  <input type="radio" value="Perempuan">Perempuan</td>
    </tr>
    <tr><td>Jurusan</td>
           <td>:</td>
            <td><select>
               <option value="TKJ">TKJ</option>
               <option value="TKR">TKR</option>
               <option value="TSM">TSM</option>
               <option value="Multimedia">Multimedia</option>
               </select></td>
    </tr>
    <tr><td>Hoby</td>
           <td>:</td>
           <td><input type="checkbox" value="">Football
                  <input type="checkbox" value="">Traveling
                  <input type="checkbox" value="">Blogging<br>
                  <input type="checkbox" value="">Music
                  <input type="checkbox" value="">Adventure
                  <input type="checkbox" value="">Lainnya</td>
    </tr>
    <tr><td>Alamat</td>
           <td>:</td>
           <td><textarea rows="5" cols="25"></textarea></td>
    </tr>
</table></center><center><input type="submit" value="Kirim">
</td></tr></table>
</body>
</html>

Itulah cara penulisan option valu yang bisa Anda gunakan untuk mendesain atau memberi kesan opsi pada halaman Website Anda. Terimakasih

Click to comment