Halo teman teman pada kesempatan kali ini saya akan membahas tentang Macam Macam Atribut yang ada pada Form Input Part 2.
Pada materi sebelumnya saya telah membahas tentang inputan bottom, checkbox, color, date, dan time local, dan pada kali ini saya akan membahas tentang Macam Macam Atribut yang ada pada 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 fungsi dari form input adalah untuk menunjukan atau memasukan sebuah nilai atau value, seperti memasukan data diri, email, tanggal, dan yang lainya,
Setiap inputan mamiliki fungsi dan cara kerja yang berbeda-beda tergantung dari input type apa yang kita gunakan,
Oke teman teman kita langsung aja, berikut Macam Macam Atribut yang ada pada Form Input Part 2 dan fungsi-fungsi dari masing-masing inputan sepeti dibawah ini :
| No | Nama Atribut input | Keterangan | Browser |
| 1 | Input type email merupakan sebuah inputan untuk menentukan sebuah validasi email | Chrome, safari, firefox, opera | |
| 2 | File | Type file berfungsi untuk mengambil sebuah file yang ingin di ambil dengan cara mengklik tombol “Browse … ” yang tampil pada browser | Chrome, safari, firefox, opera |
| 3 | Hidden | Type hidden berfungsi untuk menyembunyikan sebuah value yang tidak ingin dilihat oleh user, type hidden juga berfungsi untuk menyisipkan sebuah data yng dinilai penting | Chrome, safari, firefox, opera |
| 4 | month | Merupakan sebuah inputan untuk menampilkan bulan dan tahun | Chrome, oprera, safari |
| 5 | Number | Merupakan sebuah inputan untuk memasukan sebuah nomor atau angka | Chrome, safari, firefox, opera |
Kemudian silahkan teman teman simpan script dibawah ini dengan nama Macam Macam Atribut yang ada pada Form Input Part 2.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Macam macam atribut yang ada pada 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>Jika sudah silahkan teman teman jalankan pada browsernya, maka hasilnya seperti dibawah ini :
Cttn: browser yang saya gunakan untuk menjalankan inputan ini yaitu mengunakan Chrome karena jika dijalankan pada firefox inputan month tidak dapat muncul karena setiap browser memilki standarnya masing-masing
Bagai mana teman teman cukup mudah bukan,
Sekian tutorial saya kali ini mengenai Macam Macam Atribut yang ada pada Form Input Part 2,
Semoga bermanfaat
Terimakasih
The post Macam Macam Atribut yang ada pada Form Input Part 2 appeared first on Kursus Website Terbaik.