form

HTML <form> Tag

 Attribute  :

Attribute	Value	Description
action	URL	Unuk menentukan pengiriman form-data
method	get post	Menentukan metode untuk digunakan saat mengirim form-data
name	text	Nama form
target	_blank _self _parent _top	Untuk menampilkan respon yang diterima setelah menyerahkan formulir

contoh :
<form name="contoh_form" action="imanbae@gmail.com" method="get/post">  

Element Input

</form>

---

Difinisi dan penggunaan
elemen form dapat berisi satu atau lebih, elemen form tersebut antara lain :

• <input>

• Text Fields

  <input type="text"> defines a one-line input field that a user can enter text into:
  <form>
  First name: <input type="text" name="firstname"><br>
  Last name: <input type="text" name="lastname">
  </form>
  How the HTML code above looks in a browser:
  First name:
  Last name:

  Password Field

  <input type="password"> defines a password field:
  

  <form>
  Password: <input type="password" name="pwd">
  </form>

  How the HTML code above looks in a browser:
  Password:  

  Radio Buttons

  <input type="radio"> defines a radio button. Radio buttons let a user select ONLY ONE of a limited number of choices:
  

  <form>
  <input type="radio" name="sex" value="male">Male<br>
  <input type="radio" name="sex" value="female">Female
  </form>

  How the HTML code above looks in a browser:
  Male
  Female

  ---

  Checkboxes

  <input type="checkbox"> defines a checkbox. Checkboxes let a user select ZERO or MORE options of a limited number of choices.
  <form>
  <input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
  <input type="checkbox" name="vehicle" value="Car">I have a car
  </form>
  How the HTML code above looks in a browser:
  I have a bike
  I have a car

  ---

  Submit Button

  <input type="submit"> defines a submit button.
  A submit button is used to send form data to a server. The data is sent to the page specified in the form's action attribute. The file defined in the action attribute usually does something with the received input:
  <form name="input" action="html_form_action.asp" method="get">
  Username: <input type="text" name="user">
  <input type="submit" value="Submit">
  </form>
  How the HTML code above looks in a browser:
  Username:
• <textarea>
•  <textarea rows="4" cols="50">Isi textarea</textarea>

                      Isi textarea

• <button>
•  <form name="input" action="html_form_action.asp" method="get">
  Username: <input type="text" name="user">
  >input type="submit" value="Submit" >||>input type="reset" value="Batal" >
  </form>
  How the HTML code above looks in a browser:
  Username: ||
• <select>
•  Create a drop-down list with four options:
  <select>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </select>
  Contoh : Volvo Saab Mercedes Audi

<option>

•  Create a drop-down list with four options:
  <select>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </select>

<optgroup>

•  <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>
  Contoh :
  Volvo Saab SMA Imanbae Mercedes Audi

<fieldset>

•  

<label>  

•  

Sumber : http://www.w3schools.com/