Button Text dalam HTML
Teks pada tombol (button) dalam HTML merupakan elemen penting yang menandakan tindakan yang akan dilakukan saat tombol ditekan. Teks pada tombol harus jelas, singkat, dan mudah dipahami oleh pengguna.
Cara Menulis Teks pada Tombol
Anda dapat menambahkan teks pada tombol dengan menggunakan tag <button> dan meletakkan teks di antara tag pembuka dan penutupnya. Berikut contohnya:
Kode di atas akan menampilkan tombol dengan teks "Klik Saya".
Mengatur Teks pada Tombol
Anda dapat mengatur teks pada tombol dengan menggunakan beberapa atribut HTML:
value: Atribut ini digunakan untuk mengatur nilai tombol yang akan dikirimkan ke server saat tombol diklik. Atribut ini umumnya digunakan pada tombol submit form.type: Atribut ini digunakan untuk menentukan jenis tombol. Jenis tombol yang umum digunakan adalah:submit: Tombol submit untuk form.reset: Tombol reset untuk form.button: Tombol biasa yang tidak terikat dengan form.
disabled: Atribut ini digunakan untuk menonaktifkan tombol. Tombol yang dinonaktifkan tidak dapat diklik.
Berikut contoh penggunaan atribut value, type, dan disabled:
Menambahkan Teks dan Gambar pada Tombol
Anda juga dapat menambahkan teks dan gambar pada tombol dengan menggunakan tag <span> dan <img>. Berikut contohnya:
Kode di atas akan menampilkan tombol dengan teks "Klik Saya" dan gambar "gambar.png".
Kesimpulan
Teks pada tombol merupakan elemen penting yang menandakan tindakan yang akan dilakukan saat tombol ditekan. Pastikan teks pada tombol jelas, singkat, dan mudah dipahami oleh pengguna. Anda dapat mengatur teks pada tombol dengan menggunakan beberapa atribut HTML, seperti value, type, dan disabled. Anda juga dapat menambahkan teks dan gambar pada tombol dengan menggunakan tag <span> dan <img>.