Tag - Tag Yang Membangun HTML: Forms

Diposting oleh Muhamad Najib 22.54

Tag - Tag Yang Membangun HTML: Forms - HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa). HTML yang kepanjangannya disebut Hyper Text Markup Language adalah suatu bahasa marka, yang digunakan sebagai salah satu format dokumen World Wide Web. HTML bukanlah sebagai bahasa pemrograman, melainkan sebagai bahasa marka yang digunakan untuk membangun sebuah website.

Setelah kalian mempelajari Tag - Tag Yang Membangun HTML: Formatting selanjutnya saya membahas tentang Forms pada sebuah html. Sebelum itu, apa itu HTML Forms?

HTML FORMS
HTML Tag Forms adalah tag html yang berfungsi untuk menerima masukan(input) dari pengguna yang biasanya digunakan untuk keperluan login, input data, input gambar. Dengan menggunakan tag html ini kita bisa membuat element input seperti text field, checkbox, tombol radio, tombol submit, tombol input gambar dan lain-lain.

Baca Juga :
7 Font Terbaik pilihan Programmer untuk Coding
Kumpulan Situs Web Ebook Pemrograman Komputer Terbaik dan Gratis!
4 Software Text Editor Terbaik Untuk Ngoding Para Programmer
Tutorial Bahasa Pemrograman Web Lengkap!

Berikut ini Adalah Tag Forms pada HTML :

<form> : Tag yang membuat sebuah formulir html digunakan untuk menerima input dari si pengguna
<input> : Tag yang membuat sebuah formulir kontrol masukan(input)
<button> : Tag yang berguna untuk membuat tombol yang dapat kita klik
<textarea> : Tag untuk membuat sebuat input multibaris(text area)
<select> : Tag untuk membuat sebuah daftar dropdown
<optgroup> : Tag untuk membuat sebuah kelompok pilihat terkait dalam daftar dropdown
<option> : Tag untuk membuat pilihan dalam daftar dropdown
<label> : Tag untuk membuat sebuah label pada sebuah elemen input( <input> )
<fieldset> : Grup unsur terkait dalam bentuk
<datalist> : Menentukan daftar pilihan yang telah ditetapkan untuk kontrol input (tag baru HTML5)
<legend> : Tag untuk membuat sebuah caption untuk sebuah elemen <fieldset>, < figure>, atau <details>
<output> : Tag untuk membuat hasil penghitungan (tag baru HTML5)
<keygen> : Tag untuk membuat key-pair generator kolom input (tag baru HTML5)

Setelah kita mengetahui fungsi dari masing masing tag forms, selanjutnya kita akan membuat beberapa contoh syntax yang menggunakan text forms pada HTML.

Oke langsung saja kita membuat file forms.html di text editor, lalu masukkan ini :

<!DOCTYPE html>
<html>
  <head>
    <title>Hostze - Tag Forms</title>
  </head>
  <body>
    <form class="" action="index.html" method="post">
      <label for="nama">
        <input type="text" name="nama" value="">
      </label>
      <label for="alamat">
        <input type="text" name="alamat" value="">
      </label>
      <label for="jenis kelamin">
        <input type="radio" name="jk" value="">
      </label>
      <button type="submit" name="submit">Submit - Hostze</button>
    </form>
  </body>
</html>

Setelah itu save, lalu buka file forms.html menggunakan browser dan lihat hasilnya. Untuk contoh penggunan tag yang lain bisa kalian coba sendiri.

Kunjungi Juga :

Tutorial Bahasa Pemrograman Web Lengkap!
Tag - Tag Yang Membangun HTML: Frames

Kesimpulan :

HTML bukan bahasa pemrograman melainkan bahasa marka yang digunakan untuk membangun sebuah website.
Ada 3 (tiga) tag utama dalam html yaitu: tag html, tag, head dan tag body.
Pada tiap masing masing tag html memiliki tag pembuka dan tag penutup, namun ada beberapa tag yang tidak memiliki tag penutup.
Kita bisa mengetahui tag penutup dengan melihat simbol garing(garis miring) pada tag tersebut.
Tag Formatting adalah tag yang berfungsi mengubah bentuk tampilan dari teks.
Tag Forms adalah tag yang berfungsi untuk menerima masukan(input) dari pengguna.

Saya harap kalian mengerti dengan penjelasan saya kali ini, jika kalian tidak mengerti silahkan berkomentar di bawah ini.

Demikian artikel yang berjudul Tag - Tag Yang Membangun HTML: Forms semoga bermanfaat dan dapat menambah wawasan kalian semua.

Muhamad Najib I'm Developer