Macam-Macam Atribut yang Ada pada Form Input Part 2
Halo teman teman di kesempatan kali ini saya akan membahas mengenai Macam Macam Atribut yang terdapat di Form Input Part 2.
Di bahan sebelumnya saya telah membahas mengenai inputan bottom, checkbox, color, date, dan time local, dan di kali ini saya akan membahas mengenai Macam Macam Atribut yang terdapat di Form Input Part 2 diantaranya yaitu , input type ”email”, input type “file”, input type “hidden”, input type “month”, dan input type “number”.
Seperti yang kita ketahui bahwa manfaat dari form input ialah bagi menunjukan atau memasukan sebuah nilai atau value, seperti memasukan data diri, email, tanggal, dan yang lainya,
Setiap inputan mempunyai manfaat dan cara kerja yang berbeda-beda tergantung dari input type apa yang kita gunakan,
Oke teman teman kita seketika aja, berikut Macam Macam Atribut yang terdapat di Form Input Part 2 dan fungsi-fungsi dari masing-masing inputan seperti di bawah ini :
No | Nama Atribut input | Keterangan | Browser |
1 | Input type email adalah sebuah inputan bagi menentukan sebuah validasi email | Chrome, safari, firefox, opera | |
2 | File | Type file berfungsi bagi mengambil sebuah file yang ingin di ambil dengan cara mengklik tombol “Browse … ” yang tampil di browser | Chrome, safari, firefox, opera |
3 | Hidden | Type hidden berfungsi bagi menyembunyikan sebuah value yang tak ingin dilihat oleh user, type hidden pun berfungsi bagi menyisipkan sebuah data yng dinilai urgen | Chrome, safari, firefox, opera |
4 | month | Adalah sebuah inputan bagi menampilkan bulan dan tahun | Chrome, opera, safari |
5 | Number | Adalah sebuah inputan bagi memasukan sebuah nomor atau angka | Chrome, safari, firefox, opera |
Kemudian silahkan teman teman simpan script dibawah ini dengan nama Macam Macam Atribut yang terdapat di Form Input Part 2.html
<!doctype html>
<html>
<head>
<meta charset=utf-8>
<title>Macam macam atribut yang terdapat di form input part 2</title>
</head>
<body>
<table>
<tr>
<th>1</th>
<th>email</th>
<td><input type=email value=></td>
</tr>
<tr>
<th>2</th>
<th>file</th>
<td><input type=file value=></td>
</tr>
<tr>
<th>3</th>
<th>hidden</th>
<td><input type=hidden value=></td>
</tr>
<tr>
<th>4</th>
<th>month</th>
<td><input type=month value=></td>
</tr>
<tr>
<th>5</th>
<th>number</th>
<td><input type=number value=></td>
</tr>
</table>
</body>
</html>
Sekiranya telah silahkan teman teman jalankan di browsernya, karenanya hasilnya seperti dibawah ini :
Cttn: browser yang saya gunakan bagi menjalankan inputan ini yaitu menggunakan Chrome karena jikalau dijalankan di firefox inputan month tak dapat muncul karena setiap browser mempunyai standarnya masing-masing
Bagaimana teman-teman lumayan gampang bukan ?
Demikian panduan saya kali ini mengenai Macam Macam Atribut yang terdapat di Form Input Part 2,
Semoga bermanfaat.
Terimakasih.
Sumber https://kursuswebsite.org