Skip to main content

Membuat Form HTML

 
ELEMENT FORM
Element FORM berfungsi untuk Membuat Form HTML dengan  mendefinisikan form interaktif. Element ini mempunyai attribute yaitu action, dan method. Attribute action berisikan aksi terhadap form yang dikirim (URI) dan attribute method berisikan metode form melakukan proses pengiriman(GET/POST).
Sintaks:
<form action="action" method="GET"|"POST">
...........................
</form>
ELEMENT INPUT
Membuat Form Element INPUT, berfungsi untuk mendefinisikan input yang akan dimasukkan pengguna. Element ini mempunyai attribute yaitu name, size, type, value, checked.
Attribute name mendefinisikan nama dari input kontrol form, attribute size mendefinisikan ukuran teks pada input kontrol, type mendefinisikan bentuk-bentuk input kontrol, value mendefinisikan nilai awal/reset/submit, checked mendefinisikan pilihan terpilih pada type radio/checkbox. Element ini tidak mempunyai tag penutup dan harus berada di dalam element FORM.

Sintaks:
<input
          name="name"
          size="number"
          type="text"|"checkbox"|"radio"|"submit"|"reset"
          value="value"
          checked >


ELEMENT SELECT

Membuat Form HTML ,Element SELECT berfungsi untuk mendefinisikan opsi pilihan pada form kontrol. Element ini mempunyai attribute yaitu name, size, multiple(diizinkan banyak pilihan). Element ini harus berada di dalam element FORM.

Sintaks:
<select
          name="name"
          size="number"
          multiple >
.....................
</select>



ELEMENT OPTION
Membuat Form HTML , Element OPTION mendefinisikan opsi pilihan pada menu SELECT. Element ini mempunyai attribute selected, dan value. Attribute selected opsi terpilih dan attribute value berisikan nilai element OPTION.

Sintaks:
<option
  selected
          value="number" >
.....................
</option>




ELEMENT TEXTAREA
Membuat Form HTML, Element TEXTAREA berfungsi sebagai input kontrol form untuk memasukkan teks lebih dari satu baris. Element ini mempunyai attribute yaitu name, cols, rows. Attribute name mendefinisikan nama input kontrol form element textarea, attribute cols mendefinisikan jumlah kolom textarea yang terlihat, dan attribute rows mendefinisikan jumlah baris textarea yang terlihat. Element ini harus berada di dalam element FORM

Sintaks:
<textarea
          name="name"
          cols="number"
          rows="number" >
.....................
</textarea>


Berikut Contoh Form yang saya buat

Formulir Biodata

Nama
Alamat
Tempat
Tanggal Lahir
Jenis Kelamin Pria Wanita
Hobi Olah raga

Baca Buku

Internetan


  ini Scriptnya untuk membuat form silakan copy dan simpan sebagai file HTML kemudian buka di browser :


<table width="400" border="1" cellpadding="0" cellspacing="2"
bordercolor="#666666">
    <tr>
      <td width="100" bgcolor="#D6D6D6">Nama</td>
      <td bgcolor="#D6D6D6"><input type="text" name="textfield"></td>
    </tr>
    <tr>
      <td bgcolor="#D6D6D6">Alamat</td>
      <td bgcolor="#D6D6D6"><textarea name="textarea"></textarea></td>
    </tr>
    <tr>
      <td bgcolor="#D6D6D6">Tempat</td>
      <td bgcolor="#D6D6D6"><input type="text" name="textfield2"></td>
    </tr>
    <tr>
      <td bgcolor="#D6D6D6">Tanggal Lahir </td>
      <td bgcolor="#D6D6D6"><select name="select">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
        <option value="13">13</option>
        <option value="14">14</option>
        <option value="15">15</option>
        <option value="16">16</option>
        <option value="17">17</option>
        <option value="18">18</option>
        <option value="19">19</option>
        <option value="20">20</option>
        <option value="21">21</option>
        <option value="22">22</option>
        <option value="23">23</option>
        <option value="24">24</option>
        <option value="25">25</option>
        <option value="26">26</option>
        <option value="27">27</option>
        <option value="28">28</option>
        <option value="29">29</option>
        <option value="30">30</option>
<option value="31">31</option>
      </select>
        <select name="select2">
          <option value="1">Januari</option>
          <option value="2">Februari</option>
          <option value="3">Maret</option>
          <option value="4">April</option>
          <option value="5">Mei</option>
          <option value="6">Juni</option>
          <option value="7">Juli</option>
          <option value="8">Agustus</option>
          <option value="9">September</option>
          <option value="10">Oktober</option>
          <option value="11">Nopember</option>
          <option value="12">Desember</option>
        </select>
        <select name="select3">
          <option value="2001">2001</option>
          <option value="2002">2002</option>
          <option value="2003">2003</option>
          <option value="2004">2004</option>
          <option value="2005">2005</option>
          <option value="2006">2006</option>
          <option value="2007">2007</option>
          <option value="2008">2008</option>
          <option value="2009">2009</option>
        </select></td>
    </tr>
    <tr>
      <td bgcolor="#D6D6D6">Jenis Kelamin </td>
      <td bgcolor="#D6D6D6"><input name="radiobutton" type="radio" value="radiobutton">
Pria
  <input name="radiobutton" type="radio" value="radiobutton">
Wanita</td>
    </tr>
    <tr>
      <td bgcolor="#D6D6D6">Hobi</td>
      <td bgcolor="#D6D6D6"><input type="checkbox" name="checkbox" value="checkbox">
      Olah raga </td>
    </tr>
    <tr>
      <td bgcolor="#D6D6D6">&nbsp;</td>
      <td bgcolor="#D6D6D6"><input type="checkbox" name="checkbox2" value="checkbox">
      Baca Buku </td>
    </tr>
    <tr>
      <td bgcolor="#D6D6D6">&nbsp;</td>
      <td bgcolor="#D6D6D6"><input type="checkbox" name="checkbox3" value="checkbox">
      Internetan</td>
    </tr>
    <tr>
      <td bgcolor="#D6D6D6">&nbsp;</td>
      <td bgcolor="#D6D6D6"><input type="submit" name="Submit" value="Submit">
      <input name="Reset" type="reset" id="Reset" value="Reset"></td>
    </tr>
  </table>

Selamat Mencoba

Popular posts from this blog

Profile Biodata Foto Renie Arumsari

Biodata Renie Arumsari Nama Lengkap : Agustina Renie Arum Sari Nama Lain : Renie Arumsari Asal : Yogyakarta Kebangsaan : Indonesia Pekerjaan : Aktris, Model, MC Twitter : https://twitter.com/rerenie Instagram : https://www.instagram.com/renieas Prestasi Renie Arumsari Putri Pariwisata Indonesia DIY 2017 Putri Pariwisata Indonesia Best National Costume Putri Pariwisata Indonesia Putri Bunga Miss Tea Indonesia 2017 Miss Jogjatronik Sahabat Larissa Puteri Bandara 2013 Duta Bandara Adisutjipto Sinetron Renie Arumsari 2018 – Orang Ketiga, sebagai Kartika – SCTV Sitkom : 2015 – Kos-kosan Jogja, sebagai Gendhis View this post on Instagram A post shared by Renie Arumsari (@renieas) on Jun 21, 2019 at 10:03pm PDT View this post on Instagram A post shared by Renie Arumsari (@renieas) on May 30, 2019 at 2:47am PDT ...

Pemain Asisten Cantik Naik Pangkat

@OfficialRCTI Asisten Cantik Naik Pangkat adalah FTV yang tayang di RCTI. Berikut ini adalah Pemain Asisten Cantik Naik Pangkat Layar Drama RCTI Pemain Asisten Cantik Naik Pangkat loading... Syifa Hadju View this post on Instagram A post shared by Syifa Hadju (@syifahadjureal) on May 12, 2019 at 1:47am PDT Rizky Alatas View this post on Instagram A post shared by Rizky Alatas (@rizkyalatas) on Jul 24, 2019 at 1:18am PDT Kevin Ardilova loading... View this post on Instagram Eyes, They never lie. A post shared by Kevin Ichwal Ardilova (@kevinardillova) on Jul 22, 2019 at 4:57am PDT Alfath Rivansyah Dieno Ramli Savira Kaunang Havida loading...

Profil Biodata dan Foto Sattaphong Phiangphor

Sattaphong Phiangphor atau juga dikenal dengan nama Tao Phiangphor adalah aktor, model dan penyanyi Thailand yang lahir di Kalasin, Thailand, 3 Mei 1990. Pria ganteng yang akrab disapa dengan nama Tao ini memulai karir di industri Entertainment Thailand melalui ajang menyanyi Academia Fantasy Thailand Season 8 di tahun 2011. Tao Phiangphor lalu mulai menginjakkan kaki di dunia akting tahun 2012 dengan menjalani debut akting di serial drama Coffe Prince yang diadaptasi dari drama Korea, serta debut di film melalui film berjudul Super Salaryman di tahun yang sama. Namanya pun mulai dikenal ketika sering membintangi drama seperti drama Sandy, Room Alone, Kiss, Kiss Me The Series dan lainnya. Nama dan wajah tampan Sattaphong Phiangphor lalu semakin dikenal dan melejit setelah ia memerankan pangeran Inn di serial Drama adaptasi dari Korea berjudul P rincess Hours yang ia bintangi bersama Ungsumalynn Sirapatsakmetha di tahun 2017. Baca : Profil Biodata dan Foto Ungsumalynn Sirapatsakmeth...