Halo buat kalian yang cita-citanya jadi programmer, apakah kalian ingin membuat website dan memerlukan form untuk memasukkan biodata ? Oke kita akan membahas bagaimana sih cara membuat form biodata dengan html. Form biodata, sangat kita butuhkan jika situs kita adalah situs pendidikan, atau mungkin lowongan pekerjaan, atau mungkin situs perusahaan tertentu.

berikut tag html yang akan kita gunakan:

<input type=”text” name=””>
<input type=”radio” name=”” value=””/>
<select name=””><option value=””>……</option></select>
<textarea name=””></textara><input type=”file”>

Kode tag diatas merupakan tag yang akan kita pakai, tag tersebut akan disisipkan pada tag, tujuannya agar terlihat rapih. Mari kita sisipkan pada file html, buka text editornya (aplikasi ngoding kalian :v), lalu ketikan perintah berikut ini.

<!-- Belajar Membuat Form Biodata With Nusantara Code By Setyo Wibowo -->
<html>
  <head></head>
  <body>
    <h2>BIODATA KALIAN BRE</h2>
    <table>
      <tr>
        <td>Nama Lengkap :</td>
        <td>
          <input type=”text” name=”nama” placeholder='Masukan Namamu Bre'>
        </td>
      </tr>
      <tr>
        <td>Jenis kelamin</td>
        <td>
          <input type="checkbox">Jantan:v <input type="checkbox">Betina:v
        </td>
      </tr>
      <tr>
        <td> Tempat tanggal lahir : </td>
        <td>
          <input type=”text” name=”lahir” placeholder='tempat tanggal lahir kalian bre'>
        </td>
      </tr>
      <tr>
        <td>riwayat pendidikan</td>
        <td>
          <textarea name=”r_p”></textarea>
        </td>
      </tr>
      <tr>
        <td>Status</td>
        <td>
          <select name=”status”>
            <option value=”jomblo:v”>jomblo:v</option>
            <option value=”kawin:v”>kawin:v</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>upload foto</td>
        <td>
          <input type="file" name="file" size="50">
        </td>
      </tr>
      <tr>
        <td>Apa Hobi Kelen</td>
        <td>
          <textarea name=””></textarea>
        </td>
      </tr>
      <tr>
        <td>Alamat Kelen</td>
        <td>
          <textarea name=””></textarea>
        </td>
      </tr>
      <tr>
        <td></td>
        <td>
          <button type=”submit”>Yamete Kudasai</button>
        </td>
      </tr>
    </table>
  </body>
</html>

Simpan kode tersebut dengan nama, contoh biodata.html, buka dengan aplikasi browser, dan kurang lebih akan tampak seperti gambar berikut ini.

Penjelasan kode:

  • <html> tag untuk membuat kode html, yang diakhiri dengan tag 
  • <head> tag kepala, pada tag ini, kita bisa menyisipkan kode CSS, tag meta, dan sebagainya. Tag ini diakhiri dengan tag
  • <body> merupakan tag untuk menampilkan isi halaman, diakhiri dengan tag
  • <input> merupakan tag untuk memasukkan data, terdiri dari berbagai atribut seperti “text”,”file”,”radio”.
  • <select> tag untuk pilihan, didalamnya ditulis dengan dan, tag ini diakhiri dengan kode
  • <textarea> tag dengan isian text yang lebih banyak, diakhiri dengan

Materi selesai, baca materi selanjutnya yuk, visit terus nusantara code yah 😀

Topics #belajar #biodata #dasar #form #html