Langsung ke konten utama

HTML Tag Form

Form atau formulir diperlukan penggunaannya pada dokumen HTML untuk mengambil input dari user yang mengunjungi suatu situs. Form pada dasarnya digunakan untuk proses pendaftaran, masuk ke profil akun tertentu, pengumpulan data, dan lain sebagainya. Informasi yang dikumpulkan tersebut dapat berupa nama, alamat, email, dan lain sebagainya. Tidak hanya itu, penggunaan form juga dapat dimodifikasi lebih dinamis bersama dengan penggunaan kode PHP dan server database. Dimana aplikasi backend yang dikembangkan dari PHP akan memproses data yang telah diterima tersebut dan kemudian dapat menyimpannya dalam database server. Ada berbagai elemen form yang dapat digunakan pada html seperti text-fieldtext-areadrop-down listselectcheckboxesradio, dan lain sebagainya.

Sintak:
<form> Form Konten... </form>

Atribut: ada banyak atribut yang dapat digunakan pada tag form seperti diperlihatkan sebagai berikut:
  • satu, Atribut Action: digunakan untuk mengirim data ke server setelah penyerahan formulir.
  • dua, method: digunakan untuk mengunggah data dengan menggunakan dua jenis method yaitu method get dan method postMethod get memiliki panjang karakter url yang terbatas dan tidak boleh digunakan untuk mengirim data yang sifatnya sensitif, pengiriman data dengan method get sebaiknya hanya menyertakan data yang bersifat umum. Method post tidak memiliki batasan ukuran dalam penggunaannya dan pengajuan formulir dengan method post tidak dapat dilakukan bookmark.
  • tiga, Atribut enctype: digunakan unutk menentukan bagaimana browser mendekode data sebelum data tersebut dikirim ke server.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

form tag

</title>

</head>

 

<body>

<h1>

Tag Form

</h1>

 

<!--Tidak digunakan atribut 

action karena tidak dilakukan

pengiriman data apapun ke

server-->

<form>

 

<!-- digunakan label untuk

mendefinisikan nilai label

untuk input -->

<label 

for="fname">

Nama Pertama

</label>

 

<!-- Didefinisikan teks field

menggunakan tag input -->

<input 

type="text" 

name="fname" 

placeholder="enter your name" 

required>

 

<label 

for="lname">

Nama Terakhir

</label>

 

<input 

type="text" 

name="lname" 

placeholder="enter your name" 

required>

 

</form>

 

</body>

 

</html>

Output:

Tag Form

   

Komentar

  1. Apa yang dimaksud dengan tag form pada HTML?

    BalasHapus
    Balasan
    1. Tag form pada HTML digunakan untuk membuat formulir input bagi user. Formulir yang telah dibuat dapat berisi bidang teks, kotak centang, tombol radio, dan lain sebagainya. Formulir yang telah dibuat tersebut digunakan untuk meneruskan data pengguna ke url tertentu.

      Hapus
  2. Apa yang dimaksud dengan method pengiriman pada atribut form yang digunakan dokumen html?

    BalasHapus
    Balasan
    1. Method html atribut form digunakan untuk menentukan method http yang digunakan untuk mengirim data saat pengiriman formulir dilakukan pada dokumen html. Ada dua macam method yang dapat digunakan, yaitu metode get dan post.

      Hapus
  3. Bagaimana form bekerja pada halaman web?

    BalasHapus
    Balasan
    1. Setelah pengunjung mengirimkan formulir, data formulir tersebut kemudian dikirim ke server web. Dalam formulir, author harus menyebutkan url action yang memberitahukan browser kemana harus mengirim data formulir tersebut.

      Hapus

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D