Lompat ke konten Lompat ke sidebar Lompat ke footer

Menyembunyikan Data Form HTML Menggunakan Atribut Enctype

Atribut Enctype digunakan untuk menentukan apakah data akan ditampilkan atau tidak pada form yang harus dilakukan encoding ketika submit ke server. Tipe atribut ini hanya digunakan pada method POST.


Sebelum memahami lebih dalam materi tentang Menyembunyikan Data Form HTML Menggunakan Atribut Enctype, terlebih dahulu pelajari materi tentang: Membuat Drag and Drop HTML Menggunakan Atribut Dropzone, Mengatur Elemen Drag HTML Menggunakan Atribut Draggable, dan Menonaktifkan Atribut HTML Menggunakan Atribut Disabled.

Sintak: <form enctype = "value">


Elemen:
 atribut enctype hanya berasosiasi dengan elemen FORM saja.

Value Atribut: mengandung tiga value yang diperlihatkan sebagai berikut.
  • application/x-xxx-form-urlencoded: merupakan bentuk default value yang akan encoding semua karakter sebelum dikirim ke serverValue ini akan mengkonversi spasi menjadi simbol '+' dan karakter spesial menjadi nilai hexadesimal.
  • multipart/form-data: value tidak melakukan encoding karakter apapun.
  • text/plain: Value akan mengkonversi spasi menjadi simbol '+', tetapi karakter spesial tidak akan dikonversi.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

atribut enctype

</title>

 

<style>

h1 

{

color:green;}

 

body 

{

text-align:center;}

</style>

</head>

 

<body>

<h1>

Blog Elfan

</h1>

 

<h2>

atribut enctype

</h2>

 

<form 

action="#

method="post"

enctype="multipart/form-data">

 

First name: 

<input 

type="text

name="fname">

<br>

 

Last name: 

<input 

type="text

name="lname">

<br>

 

Address: 

<input 

type="text

name="Address">

<br>

 

<input 

type="submit

value="Submit">

 

</form>

 

</body>

 

</html>

Output:

Blog Elfan

atribut enctype

First name: 
Last name: 
Address: 


Artikel ini didedikasikan kepada: Zainnetha Surya Charmelita, Ainis Faradila, Aldi Dwi Kurniawan, Aulya Kartika Dewi, dan Bagas Mahendra Indriawan.

6 komentar untuk "Menyembunyikan Data Form HTML Menggunakan Atribut Enctype"

  1. Apa yang dimaksud dengan atribut enctype pada html?

    BalasHapus
    Balasan
    1. Atribut enctype digunakan untuk menentukan bagaimana form-data harus dikodekan sebelum dikirim ke server. Atribut ini berarti bahwa semua karakter dikodekan sebelum dikirim ke server.

      Hapus
  2. Apa fungsi atribut enctype pada html?

    BalasHapus
    Balasan
    1. Atribut enctype memungkinkan user untuk menentukan jenis penyandian pada form dokumen html. Atribut ini merupakan opsi yang tepat untuk sebagian besar formulir HTML yang berbentuk sederhana.

      Hapus
  3. Apa fungsi multipart dan text pada atribut enctype html?

    BalasHapus
    Balasan
    1. multipart/form-data diperlukan jika user diminta untuk mengunggah file melalui form. Sedangkan text/pain opsi validasi, yang digunakan untuk mengirimkan data tanpa penyandian sama sekali.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -