HTML adalah blok bangunan web. Mengetahui beberapa bagian yang kurang dikenal, tetapi berguna dari bahasa markup ini dapat membuat hidup Anda jauh lebih mudah. Atribut HTML menyediakan beberapa fitur yang dapat membantu Anda memaksimalkan HTML. Ini mendefinisikan karakteristik atau properti tambahan dari elemen HTML.
Dalam artikel ini, Anda akan mempelajari tentang 11 atribut HTML yang mungkin belum pernah Anda dengar.
1. banyak
Atribut ini memungkinkan pengguna untuk memasukkan beberapa nilai. Anda dapat menggunakan beberapa atribut dengan tag dan tag. Atribut boolean ini hanya valid untuk jenis input email atau file.
Menggunakan beberapa Atribut Dengan
Menggunakan beberapa Atribut untuk Input File
Dengan menggunakan beberapa atribut untuk input file, Anda dapat memilih beberapa file (dengan menahan tombol Menggeser atau Ctrl kunci).
Menggunakan beberapa Atribut untuk Input Email
Dengan menggunakan beberapa atribut untuk input email, Anda dapat memasukkan daftar alamat email yang dipisahkan koma. Semua spasi putih akan dihapus dari setiap alamat dalam daftar.
2. dapat diedit
Anda dapat membuat konten HTML dapat diedit pada halaman web menggunakan atribut contenteditable. Ini adalah atribut global, yaitu umum untuk semua elemen HTML.
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliku. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.
3. cek ejaan
Atribut spellcheck menentukan apakah elemen dapat diperiksa untuk kesalahan ejaan atau tidak. Anda dapat memeriksa ejaan teks di elemen, teks dalam elemen yang dapat diedit, atau teks dalam elemen input (kecuali sandi).
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Terkait: Lembar Cheat Esensial HTML: Tag, Atribut, dan Lainnya
4. unduh
Anda dapat mengunduh sumber daya menggunakan atribut unduh. Atribut unduhan memberi tahu browser untuk mengunduh URL yang ditentukan alih-alih menavigasi ke sana. Anda dapat menggunakan atribut download dengan tag dan tag .
Catatan: Atribut download hanya bekerja dengan URL asal yang sama. Ini mengikuti aturan kebijakan asal yang sama.
Unduh5. accept
Atribut accept dari tag menentukan jenis file yang dapat diunggah pengguna. Anda dapat menentukan daftar yang dipisahkan koma dari satu atau beberapa jenis file sebagai nilainya.
Menerima File Audio
Menerima File Video
kode>Menerima File Gambar
kode>Menerima File Microsoft Word
accept=".doc,.docx, aplikasi/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document">Menerima File PNG atau JPEG
Menerima File PDF
Terkait: Efek HTML Keren yang Dapat Ditambahkan Siapapun ke Situs Web Mereka
6. translate
Atribut translate memberitahu browser bahwa elemen harus diterjemahkan atau tidak ketika halaman dilokalkan. Itu dapat memiliki 2 nilai: "ya" atau "tidak".
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.
Terkait: Contoh Kode HTML Sederhana yang Dapat Anda Pelajari dalam 10 Menit
7. poster
Atribut poster digunakan untuk menampilkan gambar saat video sedang diunduh atau hingga pengguna memutar video.
Catatan: Jika Anda tidak menentukan apa pun, tidak ada yang ditampilkan hingga bingkai pertama tersedia. Saat bingkai pertama tersedia, itu akan ditampilkan sebagai bingkai poster.
src=" http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4"
poster="posterImage.png">
8. inputmode
Atribut inputmode menunjukkan browser keyboard mana yang akan ditampilkan ketika pengguna telah memilih elemen input atau area teks apa pun. Atribut ini menerima berbagai nilai:
None
Numerik
Tel
Desimal
URL
Telusuri
9. pattern
Atribut pattern dari elemen memungkinkan Anda untuk menentukan ekspresi reguler yang nilai elemennya akan divalidasi. Anda dapat menggunakan atribut pattern dengan beberapa jenis input seperti teks, tanggal, pencarian, URL, telp, email, dan kata sandi.
Terkait: Situs Terbaik untuk Contoh Pengodean HTML Berkualitas
10. autocomplete
Atribut autocomplete menentukan apakah browser harus secara otomatis menyelesaikan input berdasarkan input pengguna atau tidak. Anda dapat menggunakan atribut pelengkapan otomatis dengan beberapa jenis input seperti teks, pencarian, URL, telp, email, kata sandi, pemilih tanggal, rentang, dan warna. Anda dapat menggunakan atribut ini dengan elemen atau elemen.
11. fokus otomatis
Atribut fokus otomatis adalah atribut boolean yang menunjukkan bahwa suatu elemen harus difokuskan pada pemuatan halaman. Anda dapat menggunakan atribut ini dengan , ,
Menggunakan Atribut fokus otomatis Dengan Elemen input
< /code>Menggunakan Atribut autofocus Dengan Elemen tertentu
Menggunakan Atribut autofocus Dengan Elemen textarea
Jika Anda ingin melihat kode sumber lengkap yang digunakan dalam artikel ini, lihat Repositori GitHub.
Jadikan Hidup Anda Lebih Mudah Dengan JavaScript One-Liners
Kode satu baris membantu mencapai lebih banyak dengan lebih sedikit kode. Anda dapat menggunakan beberapa JavaScript satu baris untuk membuat kode seperti seorang profesional.
Hanya dengan satu baris kode, Anda dapat mengacak array, menemukan rata-rata array, memeriksa apakah array kosong, menghasilkan warna hex acak, menghasilkan UUID acak, dan seterusnya.
11 JavaScript One-Liners Yang Harus Anda KetahuiRaih banyak hal hanya dengan sedikit kode menggunakan rangkaian luas JavaScript one-liners ini.
Baca Selanjutnya
MembagikanMenciakSurel
Topik-topik terkait
- Pemrograman
- HTML
- Bahasa pemrograman
- Kiat Pengkodean
Tentang Penulis
Yuvraj Chandra (78 Artikel Diterbitkan)Yuvraj adalah mahasiswa sarjana Ilmu Komputer di University of Delhi, India. Dia bersemangat tentang Pengembangan Web Full Stack. Ketika dia tidak menulis, dia menjelajahi kedalaman teknologi yang berbeda.
More From Yuvraj Chandra
Berlangganan newsletter kami
Bergabunglah dengan buletin kami untuk kiat teknologi, ulasan, ebook gratis, dan penawaran eksklusif!
Klik di sini untuk berlangganan
