Daftar Atribut HTML

 
Nama AtributElemenDeskripsi
accept<form>, <input>Daftar jenis yang diterima server, biasanya jenis file.
accept-charset<form>Daftar rangkaian karakter yang didukung.
accesskeyAtribut globalMenentukan pintasan keyboard untuk mengaktifkan atau menambahkan fokus ke elemen.
action<form>URI program yang memproses informasi yang dikirimkan melalui formulir.
align<applet>, <caption>, <col>, <colgroup>, <hr>, <iframe>, <img>, <table>, <tbody>, <td>, <tfoot>, <th>, <thead>, <tr>Menentukan keselarasan horizontal elemen.
allow<iframe>Menentukan kebijakan fitur untuk iframe.
alt<applet>, <area>, <img>, <input>Teks alternatif jika gambar tidak dapat ditampilkan.
async<script>Menunjukkan bahwa skrip harus dijalankan secara tidak sinkron.
autocapitalizeAtribut globalMengontrol apakah dan bagaimana input teks dikapitalisasi secara otomatis saat dimasukkan/diedit oleh pengguna.
autocomplete<form>, <input>, <select>, <textarea>Menunjukkan apakah kontrol dalam formulir ini secara default dapat memiliki nilainya diselesaikan oleh browser.
autofocus<button>, <input>, <keygen>, <select>, <textarea>Elemen harus secara otomatis fokus setelah halaman dimuat.
autoplay<audio>, <video>Audio atau video harus diputar sesegera mungkin.
background<body>, <table>, <td>, <th>Menentukan URL file gambar. Meskipun browser dan klien email mungkin masih mendukung atribut ini, itu sudah usang. Gunakan CSS background-image sebagai gantinya.
buffered<audio>, <video>Berisi rentang waktu media yang sudah buffer.
challenge<keygen>String tantangan yang dikirimkan bersama dengan kunci publik.
charset<meta>, <script>Menyatakan pengkodean karakter dari halaman atau skrip.
checked<command>, <input>Menunjukkan apakah elemen harus diperiksa pada pemuatan halaman.
cite<blockquote>, <del>, <ins>, <q>Berisi URI yang menunjuk ke sumber kutipan atau perubahan.
classAtribut globalSering digunakan dengan CSS untuk menata elemen dengan properti umum.
code<applet>Menentukan URL file kelas applet untuk dimuat dan dieksekusi.
codebase<applet>Atribut ini memberikan URL absolut atau relatif dari direktori tempat file kelas. Applet yang dirujuk oleh atribut kode disimpan.
color<basefont>, <font>, <hr>Atribut ini menetapkan warna teks menggunakan warna bernama atau warna yang ditentukan dalam format #RRGGBB heksadesimal.
cols<textarea>Menentukan jumlah kolom dalam suatu textarea.
colspan<td>, <th>Atribut colspan menentukan jumlah kolom yang harus direntang sel.
content<meta>Nilai yang terkait dengan http-equiv atau name tergantung pada konteksnya.
contenteditableAtribut globalMenunjukkan apakah konten elemen dapat diedit.
contextmenuAtribut globalMenentukan ID elemen <menu> yang akan berfungsi sebagai menu konteks elemen.
controls<audio>, <video>Menunjukkan apakah browser harus menunjukkan kontrol pemutaran kepada pengguna.
coords<area>Seperangkat nilai yang menentukan koordinat wilayah hot-spot.
crossorigin<audio>, <img>, <link>, <script>, <video>Bagaimana elemen tersebut menangani permintaan lintas asal
csp<iframe>Menentukan Kebijakan Keamanan Konten yang harus disetujui oleh dokumen tertanam untuk diterapkan sendiri.
data<object>Menentukan URL sumber daya.
data-*Atribut globalMemungkinkan Anda melampirkan atribut khusus ke elemen HTML.
datetime<del>, <ins>, <time>Menunjukkan tanggal dan waktu yang terkait dengan elemen.
decoding<img>Mengindikasikan metode yang disukai untuk mendekode gambar.
default<track>Menunjukkan bahwa trek harus diaktifkan kecuali preferensi pengguna menunjukkan sesuatu yang berbeda.
defer<script>Menunjukkan bahwa skrip harus dieksekusi setelah halaman diuraikan.
dirAtribut globalMenentukan arah teks. Nilai yang diizinkan adalah ltr (Kiri-Ke-Kanan) atau rtl (Kanan-Ke-Kiri)
dirname<input>, <textarea>
disabled<button>, <command>, <fieldset>, <input>, <keygen>, <optgroup>, <option>, <select>, <textarea>Menunjukkan apakah pengguna dapat berinteraksi dengan elemen.
download<a>, <area>Menunjukkan bahwa hyperlink akan digunakan untuk mengunduh sumber daya.
draggableAtribut globalMenentukan apakah elemen dapat diseret.
dropzoneAtribut globalMenunjukkan bahwa elemen menerima menjatuhkan konten di atasnya.
enctype<form>Menentukan tipe konten dari form ketika method POST.
enterkeyhint<textarea>, dapat contenteditableenterkeyhint menentukan label tindakan (atau ikon) apa yang akan disajikan untuk tombol enter pada keyboard virtual. Atribut dapat digunakan dengan kontrol formulir (seperti nilai elemen textarea), atau dalam elemen dalam host pengeditan (misalnya, menggunakan atribut contenteditable).
for<label>, <output>Menjelaskan elemen yang termasuk dalam elemen ini.
form<button>, <fieldset>, <input>, <keygen>, <label>, <meter>, <object>, <output>, <progress>, <select>, <textarea>Menunjukkan bentuk yang merupakan pemilik elemen.
formaction<input>, <button>Mengindikasikan aksi elemen, mengesampingkan aksi yang didefinisikan dalam <form>.
formenctype<button>, <input>Jika tombol/input adalah tombol kirim (type=”submit”), atribut ini menetapkan jenis penyandian yang akan digunakan selama pengiriman formulir. Jika atribut ini ditentukan, itu menimpa atribut enctype dari pemilik formulir tombol.
formmethod<button>, <input>Jika tombol/input adalah tombol kirim (type=”submit”), atribut ini menetapkan metode pengiriman yang akan digunakan selama pengiriman formulir (GET, POST, dll.). Jika atribut ini ditentukan, itu menimpa atribut method pemilik formulir tombol.
formnovalidate<button>, <input>Jika tombol/input adalah tombol kirim (type=”submit”), atribut boolean ini menentukan bahwa formulir tidak divalidasi ketika dikirimkan. Jika atribut ini ditentukan, itu menimpa atribut novalidate dari pemilik formulir tombol.
formtarget<button>, <input>Jika tombol/input adalah tombol kirim (type=”submit”), atribut ini menentukan konteks penelusuran (misalnya, tab, jendela, atau bingkai sebaris) untuk menampilkan respons yang diterima setelah mengirimkan formulir. Jika atribut ini ditentukan, itu menimpa atribut target pemilik formulir tombol.
headers<td>, <th>ID elemen <th> yang berlaku untuk elemen ini.
height<canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video>Menentukan ketinggian elemen yang tercantum di sini. Untuk semua elemen lain, gunakan properti height CSS. Dalam beberapa kasus, seperti <div>, ini adalah atribut lawas, dalam hal ini properti height CSS harus digunakan sebagai gantinya.
hiddenAtribut globalMencegah rendering elemen yang diberikan, sambil menjaga elemen anak, misalnya elemen skrip, aktif.
high<meter>Menunjukkan batas bawah dari kisaran atas.
href<a>, <area>, <base>, <link>URL sumber daya yang ditautkan.
hreflang<a>, <area>, <link>Menentukan bahasa sumber daya yang ditautkan.
http-equiv<meta>Mendefinisikan arahan pragma.
icon<command>Menentukan gambar yang mewakili perintah.
idAtribut globalSering digunakan dengan CSS untuk menata elemen tertentu. Nilai dari atribut ini harus unik.
importance<iframe>, <img>, <link>, <script>Menunjukkan prioritas pengambilan relatif untuk sumber daya.
integrity<link>, <script>Menentukan nilai Integritas Sumber Daya yang memungkinkan peramban memverifikasi apa yang mereka ambil.
intrinsicsize<img>Atribut ini memberi tahu browser untuk mengabaikan ukuran intrinsik sebenarnya dari gambar dan berpura-pura itu ukuran yang ditentukan dalam atribut.
inputmode<textarea>Memberikan petunjuk tentang tipe data yang mungkin dimasukkan oleh pengguna saat mengedit elemen atau isinya. Atribut dapat digunakan dengan kontrol formulir (seperti nilai elemen textarea), atau dalam elemen dalam host pengeditan (misalnya, menggunakan atribut contenteditable).
ismap<img>Menunjukkan bahwa gambar adalah bagian dari peta gambar sisi-server.
itempropAtribut global
keytype<keygen>Menentukan jenis kunci yang dihasilkan.
kind<track>Menentukan jenis trek teks.
label<optgroup>, <option>, <track>Menentukan judul elemen yang dapat dibaca pengguna.
langAtribut globalMenentukan bahasa yang digunakan dalam elemen.
language<script>Menentukan bahasa skrip yang digunakan dalam elemen.
loading<img>, <iframe>Menunjukkan apakah elemen harus dimuat dengan malas.
list<input>Mengidentifikasi daftar opsi yang telah ditentukan untuk disarankan kepada pengguna.
loop<audio>, <bgsound>, <marquee>, <video>Menunjukkan apakah media harus mulai diputar dari awal setelah selesai.
low<meter>Menunjukkan batas atas kisaran yang lebih rendah.
max<input>, <meter>, <progress>Menunjukkan nilai maksimum yang diizinkan.
maxlength<input>, <textarea>Menentukan jumlah karakter maksimum yang diperbolehkan dalam elemen.
minlength<input>, <textarea>Menentukan jumlah karakter minimum yang diperbolehkan dalam elemen.
media<a>, <area>, <link>, <source>, <style>Menentukan petunjuk media yang sumber daya tertautnya dirancang.
method<form>Menentukan metode HTTP mana yang akan digunakan saat mengirimkan formulir. Bisa GET (default) atau POST.
min<input>, <meter>Menunjukkan nilai minimum yang diizinkan.
multiple<input>, <select>Menunjukkan apakah beberapa nilai dapat dimasukkan dalam input dari jenis email atau file.
muted<audio>, <video>Menunjukkan apakah audio awalnya akan dibungkam saat memuat halaman.
name<button>, <form>, <fieldset>, <iframe>, <input>, <keygen>, <object>, <output>, <select>, <textarea>, <map>, <meta>, <param>Nama elemen. Misalnya digunakan oleh server untuk mengidentifikasi bidang dalam pengiriman formulir.
novalidate<form>Atribut ini menunjukkan bahwa formulir tidak harus divalidasi ketika dikirimkan.
open<details>Menunjukkan apakah perincian akan ditampilkan pada pemuatan halaman.
optimum<meter>Menunjukkan nilai numerik yang optimal.
pattern<input>Menentukan ekspresi reguler yang nilai elemennya akan divalidasi.
ping<a>, <area>Atribut ping menentukan daftar URL yang dipisahkan spasi untuk diberi tahu jika pengguna mengikuti hyperlink.
placeholder<input>, <textarea>Memberikan petunjuk kepada pengguna tentang apa yang bisa dimasukkan di bidang.
poster<video>URL yang menunjukkan bingkai poster untuk ditampilkan hingga pengguna memutar atau mencari.
preload<audio>, <video>Menunjukkan apakah seluruh sumber daya, sebagian atau tidak sama sekali harus dimuat sebelumnya.
radiogroup<command>
readonly<input>, <textarea>Menunjukkan apakah elemen dapat diedit.
referrerpolicy<a>, <area>, <iframe>, <img>, <link>, <script>Menentukan pengarah yang dikirim saat mengambil sumber daya.
rel<a>, <area>, <link>Menentukan hubungan objek target dengan objek tautan.
required<input>, <select>, <textarea>Menunjukkan apakah elemen ini harus diisi atau tidak.
reversed<ol>Menunjukkan apakah daftar harus ditampilkan dalam urutan menurun, bukan naik.
rows<textarea>Menentukan jumlah baris dalam area teks.
rowspan<td>, <th>Menentukan jumlah baris sel tabel harus span.
sandbox<iframe>Menghentikan dokumen yang dimuat dalam iframe dari menggunakan fitur tertentu (seperti mengirimkan formulir atau membuka jendela baru).
scope<th>Menentukan sel-sel yang berhubungan dengan tes header (didefinisikan dalam elemen th).
scoped<style>
selected<option>Menentukan nilai yang akan dipilih pada pemuatan halaman.
shape<a>, <area>
size<input>, <select>Menentukan lebar elemen (dalam piksel). Jika atribut type elemen adalah text atau password maka itu adalah jumlah karakter.
sizes<link>, <img>, <source>
slotAtribut globalMenetapkan slot dalam bayangan pohon bayangan DOM untuk elemen.
span<col>, <colgroup>
spellcheckAtribut globalMenunjukkan apakah pemeriksaan ejaan diizinkan untuk elemen.
src<audio>, <embed>, <iframe>, <img>, <input>, <script>, <source>, <track>, <video>URL konten yang dapat disematkan.
srcdoc<iframe>
srclang<track>
srcset<img>, <source>Satu atau lebih kandidat gambar responsif.
start<ol>Menentukan angka pertama jika selain 1.
step<input>
styleAtribut globalMenentukan gaya CSS yang akan menggantikan gaya yang ditetapkan sebelumnya.
summary<table>
tabindexAtribut globalMengganti urutan tab default browser dan mengikuti yang ditentukan sebagai gantinya.
target<a>, <area>, <base>, <form>
titleAtribut globalTeks yang akan ditampilkan dalam tooltip saat melayang di atas elemen.
translateAtribut globalTetapkan apakah nilai atribut elemen dan nilai anak-anak simpul Text yang akan diterjemahkan saat halaman dilokalkan, atau apakah akan membiarkannya tidak berubah.
type<button>, <input>, <command>, <embed>, <object>, <script>, <source>, <style>, <menu>Menentukan jenis elemen.
usemap<img>, <input>, <object>
value<button>, <data>, <input>, <li>, <meter>, <option>, <progress>, <param>Menentukan nilai default yang akan ditampilkan dalam elemen pada pemuatan halaman.
width<canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video>Untuk elemen yang tercantum di sini, ini menetapkan lebar elemen. Untuk semua instance lain, seperti <div>, ini adalah atribut lawas, dalam hal ini properti width CSS harus digunakan sebagai gantinya.
wrap<textarea>Menunjukkan apakah teks harus dibungkus.

Tinggalkan komentar