Elemen Form Html

  Elemen form html

Form HTML digunakan untuk memilih pelbagai macam inputan yang disediakan.  Data bisa diinputan dalam bentuk input teks , pilihan radio button, check box dan lain sebagainya. Bentuk inputan tersebut dikemas elemen dalam tag-tag form. Berikut adalah elemen-elemen yang disediakan oleh html

Tag	Deskripsi	Format umum tag
<form>	Mendefinisikan untuk form bagi user	<form> </form>
<input>	Mendefinisikan kontrol input pada form	<form>     <input type="submit" value="Submit"> </form>
<textarea>	Mendefinisikan kontrol input berupa area teks pada form	<textarea rows="4" cols="50">       teks yang akanditampilkan </textarea>
<label>	Mendefinisikan  label pada tag elemen <input>	<form action="demo_form.asp">   <label for="buku">Buku</label>   <input type="radio" name="barang" id="buku" value="buku"><br>   </form>
<fieldset>	Group  dengan element yang berhubungan satu sama lain didalam form	<form>   <fieldset>     <legend>Personalia:</legend>     Name: <input type="text"><br>     Email: <input type="text"><br>     Date of birth: <input type="text">   </fieldset> </form
<legend>	Mendefinisikan judul untuk elemen <fieldset>	<fieldset>     <legend>Personalia:</legend>     Name: <input type="text"><br>     Email: <input type="text"><br>     Date of birth: <input type="text">   </fieldset> </form
<select>	Merupakan daftar secara drop-down	<select>   <option value="volvo">Volvo</option>    <option value="mercedes">Mercedes</option>   <option value="audi">Audi</option> </select
<optgroup>	Mendefinisikan  group options yang berhubungan satu sama lain dalam bentuk drop-down list, merupakan bagian dari tag elemen <select>	<select>   <optgroup label="Swedish Cars">     <option value="volvo">Volvo</option>     <option value="saab">Saab</option>   </optgroup>   <optgroup label="German Cars">     <option value="mercedes">Mercedes</option>     <option value="audi">Audi</option>   </optgroup> </select>
<option>	mendefinisikan option pilihan dalam bentuk drop-down list, merupakan bagian dari tag elemen <select>	<select>   <option value="volvo">Volvo</option>    <option value="mercedes">Mercedes</option>   <option value="audi">Audi</option> </select
<button>	Merupakan tombol yang dapat diklik	<button type="button">Klik disini!</button>
<datalist> à elemen baru di html5	Daftar/list khusus yang didefinisikan dalam elemen tag <input>	<input list="browsers"> <datalist id="browsers">   <option value="Internet Explorer">   <option value="Firefox">   <option value="Chrome">   <option value="Opera">   <option value="Safari"> </datalist>
<keygen> à elemen baru di html5	Merupakan  generator key-pair field untuk form	<form action="demo_keygen.asp" method="get">   Username: <input type="text" name="usr_name">   Encryption: <keygen name="security">   <input type="submit"> </form>
<output> à elemen baru di html5	Merupakan hasil dari suatu perhitungan	<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0   <input type="range" id="a" value="50">100   +<input type="number" id="b" value="50">   =<output name="x" for="a b"></output> </form>