Tahun baru, skill baru! 🚀. Masukkan kupon "skill2025" untuk diskon 30% di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Untuk memasukkan data berupa URL ke sebuah formulir HTML, gunakan input dengan type URL
Input dengan type url
digunakan untuk memasukkan data berupa url ke sebuah formulir di HTML.
<input type="url" />
Yang menghasilkan
Secara tampilan, tidak ada perbedaan antara input url
dengan input text
. Perbedaan terletak pada saat kita melakukan validasi pada formulir tersebut.
Untuk melihat validasi otomatis dari browser, kita buat dulu form HTML yang lebih lengkap seperti ini
<form action="#">
<input type='url'>
<input type='submit'/>
</form>
Hasilnya
Coba isi input di atas dengan text biasa, lalu tekan tombol submit
. Kamu akan mendapatkan pesan please enter a URL
. HTML membaca jenis input yang digunakan, karena itu kamu harus memasukkan sebuah url seperti https://sekolahkoding.com
.
Untuk memberi nilai otomatis pada input url, gunakan atribut value
.
<input type='url' value="https://google.com">
Hasilnya