tutorial pengembangan web terbaru
 

Atribut HTML


Semua Atribut HTML

Atribut Milik Deskripsi
accept <input> Menentukan jenis file yang server menerima (hanya untuk type="file" ).
accept-charset <form> Menentukan pengkodean karakter yang akan digunakan untuk pengiriman formulir.
accesskey Atribut global Menentukan tombol pintas untuk mengaktifkan / fokus elemen.
action <form> Menentukan di mana untuk mengirim form-data ketika formulir dikirimkan.
align Tidak didukung dalam HTML 5. Menentukan keselarasan sesuai dengan elemen sekitarnya. Gunakan CSS sebagai gantinya.
alt <area> , <img> , <input> Menentukan teks alternatif ketika unsur asli gagal untuk menampilkan.
async <script> Menentukan bahwa script ini dijalankan asynchronously (hanya untuk skrip eksternal).
autocomplete <form> , <input> Menentukan apakah <form> atau <input> elemen harus autocomplete diaktifkan.
autofocus <button> , <input> , <keygen> , <select> , <textarea> Menentukan bahwa elemen harus secara otomatis mendapatkan fokus ketika beban halaman.
autoplay <audio> , <video> Menentukan bahwa audio / video akan mulai bermain segera setelah siap
bgcolor Tidak didukung dalam HTML 5. Menentukan warna latar belakang dari elemen. Gunakan CSS sebagai gantinya.
border Tidak didukung dalam HTML 5. Menentukan lebar perbatasan elemen. Gunakan CSS sebagai gantinya.
challenge <keygen> Menetapkan bahwa nilai dari <keygen> elemen harus ditantang ketika disampaikan.
charset <meta> , <script> Menentukan pengkodean karakter.
checked <input> Menentukan bahwa <input> elemen harus pra-dipilih ketika beban halaman (untuk type="checkbox" atau type="radio" ).
cite <blockquote> , <del> , <ins> , <q> Menentukan URL yang menjelaskan kutipan / dihapus / teks dimasukkan.
class Atribut global Menentukan satu atau lebih classnames untuk elemen (mengacu pada kelas dalam style sheet).
color Tidak didukung dalam HTML 5. Menentukan warna teks dari suatu elemen. Gunakan CSS sebagai gantinya.
cols <textarea> Menentukan lebar terlihat dari area teks.
colspan <td> , <th> Menentukan jumlah kolom sel tabel harus menjangkau
content <meta> Memberikan nilai yang terkait dengan http-equiv atau atribut nama
contenteditable Atribut global Menentukan apakah isi dari sebuah elemen dapat diedit atau tidak.
contextmenu Atribut global Menentukan menu konteks untuk unsur. Menu konteks muncul ketika pengguna benar-klik pada elemen.
controls <audio> , <video> Menentukan bahwa kontrol audio / video harus ditampilkan (seperti tombol play / pause dll).
coords <area> Menentukan koordinat daerah.
data <object> Menentukan URL dari sumber daya yang akan digunakan oleh objek.
data-* Atribut global Digunakan untuk menyimpan data kustom pribadi ke halaman atau aplikasi.
datetime <del> , <ins> , <time> Menentukan tanggal dan waktu.
default <track> Menentukan bahwa lagu tersebut akan diaktifkan jika preferensi pengguna tidak menunjukkan bahwa lagu lain akan lebih tepat.
defer <script> Menentukan bahwa script ini dijalankan saat halaman selesai parsing (hanya untuk skrip eksternal).
dir Atribut global Menentukan arah teks untuk konten dalam elemen.
dirname <input> , <textarea> Menentukan bahwa arah teks akan disampaikan.
disabled <button> , <fieldset> , <input> , <keygen> , <optgroup> , <option> , <select> , <textarea> Menentukan bahwa yang ditentukan elemen / sekelompok elemen harus dinonaktifkan.
download <a> , <area> Menentukan bahwa target akan di-download ketika pengguna mengklik hyperlink.
draggable Atribut global Menentukan apakah suatu elemen draggable atau tidak.
dropzone Atribut global Menentukan apakah data menyeret disalin, dipindahkan, atau terkait, saat turun.
enctype <form> Menentukan bagaimana bentuk-data harus dikodekan ketika mengirimkan ke server (hanya untuk metode = "post").
for <label> , <output> Menentukan bentuk elemen (s) label / perhitungan terikat.
form <button> , <fieldset> , <input> , <keygen> , <label> , <meter> , <object> , <output> , <select> , <textarea> Menentukan nama bentuk elemen milik
formaction <button> , <input> Menentukan di mana untuk mengirim form-data ketika formulir dikirimkan. Hanya untuk type="submit" .
headers <td> , <th> Menentukan satu atau lebih header sel sel berhubungan dengan.
height <canvas> , <embed> , <iframe> , <img> , <input> , <object> , <video> Menentukan tinggi dari elemen.
hidden Atribut global Menentukan bahwa unsur belum, atau tidak lagi, relevan.
high <meter> Menentukan rentang yang dianggap menjadi nilai tinggi.
href <a> , <area> , <base> , <link> Menentukan URL dari halaman link pergi ke.
hreflang <a> , <area> , <link> Menentukan bahasa dokumen terkait.
http-equiv <meta> Memberikan header HTTP untuk informasi / nilai dari content atribut.
id Atribut global Menentukan sebuah id unik untuk elemen.
ismap <img> Menentukan gambar sebagai server-side image-map.
keytype <keygen> Menentukan algoritma keamanan kunci.
kind <track> Menentukan jenis track teks.
label <track> Menentukan judul lagu teks.
lang Atribut global Menentukan bahasa konten elemen.
list <input> Mengacu pada <datalist> elemen yang berisi opsi yang telah ditetapkan untuk <input> elemen.
loop <audio> , <video> Menentukan bahwa audio / video akan mulai dari awal lagi, setiap kali selesai.
low <meter> Menentukan rentang yang dianggap nilai yang rendah.
manifest <html> Menentukan alamat manifest cache dokumen (untuk browsing offline).
max <input> , <meter> , <progress> Menentukan nilai maksimum.
maxlength <input> , <textarea> Menentukan jumlah karakter maksimum yang diizinkan dalam suatu elemen.
media <a> , <area> , <link> , <source> , <style> Menentukan apa yang media / perangkat dokumen terkait dioptimalkan untuk.
method <form> Menentukan metode HTTP untuk digunakan saat mengirim form-data.
min <input> , <meter> Menentukan nilai minimum.
multiple <input> , <select> Menentukan bahwa pengguna dapat memasukkan lebih dari satu nilai.
muted <video> Menentukan bahwa output audio video harus diredam.
name <button> , <fieldset> , <form> , <iframe> , <input> , <keygen> , <map> , <meta> , <object> , <output> , <param> , <select> , <textarea> Menentukan nama elemen.
novalidate <form> Menentukan bahwa form tidak harus divalidasi ketika disampaikan.
onabort <audio> , <embed> , <img> , <object> , <video> Script yang akan dijalankan pada batalkan.
onafterprint <body> Script akan dijalankan setelah dokumen dicetak.
onbeforeprint <body> Script akan dijalankan sebelum dokumen dicetak
onbeforeunload <body> Script akan dijalankan ketika dokumen akan segera dibongkar.
onblur Semua elemen yang terlihat. Script akan dijalankan ketika elemen kehilangan fokus.
oncanplay <audio> , <embed> , <object> , <video> Script akan dijalankan ketika file siap untuk mulai bermain (ketika telah buffered cukup untuk memulai).
oncanplaythrough <audio> , <video> Script akan dijalankan ketika file dapat memainkan semua jalan sampai akhir tanpa berhenti untuk buffering.
onchange Semua elemen yang terlihat. Script akan dijalankan ketika nilai elemen berubah.
onclick Semua elemen yang terlihat. Script akan dijalankan ketika elemen tersebut diklik.
oncontextmenu Semua elemen yang terlihat. Script akan dijalankan ketika menu konteks dipicu
oncopy Semua elemen yang terlihat. Script akan dijalankan bila konten dari elemen yang sedang disalin.
oncuechange <track> Script akan dijalankan ketika perubahan isyarat dalam <track> elemen
oncut Semua elemen yang terlihat. Script akan dijalankan bila konten dari elemen yang sedang dipotong.
ondblclick Semua elemen yang terlihat. Script akan dijalankan ketika elemen sedang diklik ganda.
ondrag Semua elemen yang terlihat. Script akan dijalankan pada akhir operasi seret.
ondragend Semua elemen yang terlihat. Script akan dijalankan pada akhir operasi seret.
ondragenter Semua elemen yang terlihat. Script akan dijalankan ketika elemen yang terbawa ke target penurunan valid.
ondragleave Semua elemen yang terlihat. Script akan dijalankan ketika elemen meninggalkan target penurunan valid
ondragover Semua elemen yang terlihat. Script akan dijalankan ketika elemen diseret lebih target penurunan valid.
ondragstart Semua elemen yang terlihat. Script untuk dijalankan pada awal operasi seret.
ondrop Semua elemen yang terlihat. Script akan dijalankan ketika elemen menyeret sedang turun.
ondurationchange <audio> , <video> Script akan dijalankan ketika panjang perubahan Media
onemptied <audio> , <video> Script akan dijalankan ketika sesuatu yang buruk terjadi dan file yang tiba-tiba tidak tersedia (seperti tiba-tiba terputus).
onended <audio> , <video> Script akan dijalankan ketika media memiliki mencapai akhir (acara berguna untuk pesan-pesan seperti "terima kasih untuk mendengarkan")
onerror <audio> , <body> , <embed> , <img> , <object> , <script> , <style> , <video> Script akan dijalankan bila terjadi kesalahan.
onfocus Semua elemen yang terlihat. Script akan dijalankan ketika elemen mendapat fokus.
onhashchange <body> Script akan dijalankan ketika ada perubahan pada jangkar bagian dari URL.
oninput Semua elemen yang terlihat. Script akan dijalankan ketika elemen mendapat masukan pengguna.
oninvalid Semua elemen yang terlihat. Script akan dijalankan ketika elemen tidak valid.
onkeydown Semua elemen yang terlihat. Script akan dijalankan ketika pengguna menekan tombol.
onkeypress Semua elemen yang terlihat. Script akan dijalankan ketika pengguna menekan tombol.
onkeyup Semua elemen yang terlihat. Script akan dijalankan ketika pengguna melepaskan kunci.
onload <body> , <iframe> , <img> , <input> , <link> , <script> , <style> Script akan dijalankan ketika unsur ini selesai loading.
onloadeddata <audio> , <video> Script akan dijalankan ketika data media dimuat
onloadedmetadata <audio> , <video> Script akan dijalankan ketika data meta (seperti dimensi dan durasi) dimuat.
onloadstart <audio> , <video> Script untuk dijalankan seperti file mulai memuat sebelum ada sesuatu yang benar-benar dimuat.
onmousedown Semua elemen yang terlihat. Script akan dijalankan ketika tombol mouse ditekan pada sebuah elemen.
onmousemove Semua elemen yang terlihat. Script untuk dijalankan selama pointer mouse bergerak di atas elemen.
onmouseout Semua elemen yang terlihat. Script akan dijalankan ketika pointer mouse bergerak ot dari elemen.
onmouseover Semua elemen yang terlihat. Script akan dijalankan ketika mouse pointer bergerak lebih elemen.
onmouseup Semua elemen yang terlihat. Script akan dijalankan ketika tombol mouse dilepaskan lebih elemen.
onmousewheel Semua elemen yang terlihat. Script akan dijalankan ketika mouse wheel sedang menggulir melalui elemen.
onoffline <body> Script akan dijalankan ketika browser mulai bekerja secara offline
ononline <body> Script akan dijalankan ketika browser mulai bekerja secara online
onpagehide <body> Script akan dijalankan ketika pengguna menavigasi jauh dari halaman.
onpageshow <body> Script akan dijalankan ketika pengguna menavigasi ke halaman
onpaste Semua elemen yang terlihat. Script akan dijalankan ketika pasta pengguna konten som dalam elemen
onpause <audio> , <video> Script akan dijalankan ketika media dihentikan sementara oleh pengguna atau pemrograman.
onplay <audio> , <video> Script akan dijalankan ketika media siap untuk mulai bermain.
onplaying <audio> , <video> Script akan dijalankan ketika media sebenarnya telah mulai bermain.
onpopstate <body> Script akan dijalankan ketika sejarah window berubah.
onprogress <audio> , <video> Script akan dijalankan ketika browser sedang dalam proses untuk mendapatkan data media
onratechange <audio> , <video> Script untuk dijalankan setiap kali tingkat pemutaran perubahan (seperti ketika pengguna beralih ke gerakan lambat atau modus maju cepat).
onreset <form> Script akan dijalankan ketika tombol reset dalam bentuk diklik.
onresize <body> Script akan dijalankan ketika jendela browser sedang ukurannya.
onscroll Semua elemen yang terlihat. Script akan dijalankan ketika scrollbar unsur ini sedang menggulir.
onsearch <input> Script akan dijalankan ketika pengguna menulis sesuatu di kolom pencarian (untuk <input="search"> ).
onseeked <audio> , <video> Script akan dijalankan ketika seeking atribut diatur ke false menunjukkan bahwa pencarian telah berakhir.
onseeking <audio> , <video> Script akan dijalankan ketika seeking atribut diatur ke benar menunjukkan pencarian yang aktif
onselect Semua elemen yang terlihat. Script akan dijalankan ketika elemen akan dipilih.
onshow <menu> Script akan dijalankan ketika <menu> elemen ditampilkan sebagai menu konteks
onstalled <audio> , <video> Script akan dijalankan bila browser tidak dapat mengambil data media untuk alasan apa pun.
onstorage <body> Script akan dijalankan ketika area Web Storage diperbarui.
onsubmit <form> Script akan dijalankan ketika untuk diajukan.
onsuspend <audio> , <video> Script akan dijalankan saat mengambil data media dihentikan sebelum benar-benar dimuat untuk alasan apapun.
ontimeupdate <audio> , <video> Script akan dijalankan ketika posisi bermain telah berubah (seperti ketika pemain depan yang cepat pengguna ke titik yang berbeda di media)
ontoggle <details> Script akan dijalankan ketika pengguna membuka atau menutup <details> elemen.
onunload <body> Script akan dijalankan saat halaman telah diturunkan (atau jendela browser telah ditutup)
onvolumechange <audio> , <video> Script untuk dijalankan setiap kali volume berubah yang (termasuk pengaturan volume untuk "mute").
onwaiting <audio> , <video> Script akan dijalankan ketika media telah berhenti namun diperkirakan untuk melanjutkan (seperti ketika media berhenti untuk buffer lebih banyak data).
onwheel Semua elemen yang terlihat. Script akan dijalankan ketika roda mouse gulungan atas atau bawah lebih dari satu elemen.
open <details> Menentukan bahwa rincian harus terlihat (terbuka) untuk pengguna
optimum <meter> Menentukan apa nilai adalah nilai optimal untuk mengukur.
pattern <input> Menentukan kalimat biasa bahwa <input> nilai elemen diperiksa terhadap.
placeholder <input> , <textarea> Menentukan petunjuk singkat yang menggambarkan nilai yang diharapkan dari elemen.
poster <video> Menentukan gambar yang akan ditampilkan saat video sedang men-download, atau sampai pengguna menekan tombol putar.
preload <audio> , <video> Menentukan apakah dan bagaimana penulis berpikir audio / video harus dimuat ketika beban halaman
readonly <input> , <textarea> Menentukan bahwa unsur ini read-only
rel <a> , <area> , <link> Menentukan hubungan antara dokumen saat ini dan dokumen terkait.
required <input> , <select> , <textarea> Menentukan bahwa elemen harus diisi sebelum mengirimkan formulir.
reversed <ol> Menentukan bahwa urutan daftar harus turun (9,8,7 ...).
rows <textarea> Menentukan jumlah terlihat dari baris dalam area teks.
rowspan <td> , <th> Menentukan jumlah baris sel tabel harus menjangkau
sandbox <iframe> Memungkinkan set ekstra pembatasan untuk konten dalam <iframe>
scope <th> Menentukan apakah sebuah sel header header untuk kolom, baris, atau kelompok kolom atau baris.
scoped <style> Menentukan bahwa gaya hanya berlaku untuk elemen induk ini elemen dan elemen anak yang elemen
selected <option> Menetapkan bahwa pilihan harus pra-dipilih ketika beban halaman.
shape <area> Menentukan bentuk daerah.
size <input> , <select> Menentukan lebar, dalam karakter (untuk <input> ) atau menentukan jumlah pilihan yang terlihat (untuk <select> )
sizes <link> Menentukan ukuran sumber daya terkait.
span <col> , <colgroup> Menentukan jumlah kolom span.
spellcheck Atribut global Menentukan apakah elemen adalah memiliki ejaan dan tata bahasa diperiksa atau tidak.
src <audio> , <embed> , <iframe> , <img> , <input> , <script> , <source> , <track> , <video> Menentukan URL dari file media.
srcdoc <iframe> Menentukan konten HTML halaman untuk menunjukkan di <iframe> .
srclang <track> Menentukan bahasa data track teks (diperlukan jika kind="subtitles" ).
start <ol> Menentukan nilai awal dari sebuah daftar memerintahkan.
step <input> Menentukan interval jumlah hukum untuk field input.
style Atribut global Menentukan CSS gaya inline untuk suatu elemen.
tabindex Atribut global Menentukan urutan tabbing dari elemen.
target <a> , <area> , <base> , <form> Menentukan target untuk tempat untuk membuka dokumen terkait atau di mana untuk mengirimkan formulir.
title Atribut global Menentukan informasi tambahan tentang elemen.
translate Atribut global Menentukan apakah isi dari sebuah elemen harus diterjemahkan atau tidak.
type <button> , <embed> , <input> , <link> , <menu> , <object> , <script> , <source> , <style> Menentukan jenis elemen.
usemap <img> , <object> Menentukan gambar sebagai client-side image-map.
value <button> , <input> , <li> , <option> , <progress> , <param> Menentukan nilai dari elemen.
width <canvas> , <embed> , <iframe> , <img> , <input> , <object> , <video> Menentukan lebar elemen.
wrap <textarea> Menentukan bagaimana teks dalam area teks harus dibungkus ketika disampaikan dalam formulir.