Halo teman teman pada kesempatan kali ini saya akan membahas tentang Macam Macam Atribut yang ada pada Form Input Part 1, pada kali ini atribut yang akan saya bahas ada lima Macam Macam Atribut yang ada pada Form Input yaitu input type “button”, input type “checkbox”, input type “color”, input type “date”, dan input type “date time local”, masing masing atribut tersebut memiliki fungsinya masing masing,
Sebenarnya fungsi dari form input ini adalah untuk menunjukan atau memasukan sebuah nilai atau value yang akan dimasukan oleh user seperti memasukan data diri, email tanggal, dan yang lainya
Cara penuliasan input pada form yaitu <input type=””> dan pada type tersebutlah kita menyisipkan sebuah value yang ingin kita tampilkan pada layar browser
Oke teman teman kita langsung saja, berikut Macam Macam Atribut yang ada pada Form Input Part 1 dan fungsi-fungsi pada inputan tersebut seperti dibawah ini :
| No | Nama Atribut input | Keterangan | Browser |
| 1 | button | Untuk membuat tombol pada HTML, dan tag button dapat digunakan didalam form maupun diluar form | Chrome, safari, firefox, opera |
| 2 | Checkbox | Checkbox berfungsi yaitu untuk membuat checkbox atau sebuah kotak yang diisi dengan cara menceklist pada kotak terebut, dan checkbox biasa digunakan untuk memilih sebuah pilihan yang lebih dari satu pilihan, checkbook harus selalu berada didalam tag form html, dan biasanya checkbox juga bisa dikombinasikan dengan mengunakan javascript untuk pemprosesanya. | Chrome, safari, firefox, opera |
| 3 | Color | Digunakan untuk mengetahui pelihan warna yang ingin digunakan | Chrome, safari, firefox, opera |
| 4 | Date | Date digunakan untuk pengunaaan tanggal atau control tanggal dengan format tanggal (Year-Month-day) | Chrome, oprera, safari |
| 5 | Date time local | Date time local digunakan untuk pengunaan tanggal dan waktu, dengan format (year,month,day minute, second, second) | Chrome, oprera, safari |
Kemudian silahkan teman teman simpan script dibawah ini dengan nama Macam Macam Atribut yang ada pada Form Input Part 1.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Macam Macam Atribut yang ada pada Form Input Part 1</title>
</head>
<body>
<table>
<tr>
<th>1</th>
<th>buttom</th>
<td><button>Button</button></</td>
</tr>
<tr>
<th>2</th>
<th>Checbox</th>
<td><input type="checkbox" selected value="">product 1
<input type="checkbox" selected value="">product 2
</td>
</tr>
<tr>
<th>3</th>
<th>color</th>
<td><input type="color" value=""></td>
</tr>
<tr>
<th>4</th>
<th>date</th>
<td><input type="date" value=""></td>
</tr>
<tr>
<th>5</th>
<th>date time local</th>
<td><input type="datetime-local" value=""></td>
</tr>
</table>
</body>
</html>Jika sudah silahkan teman teman jalankan pada browser nya,
Cttn : Browser yang saya gunakan untuk menjalan kan inputan ini yaitu mengunakan Chrome karena jika dijalankan pada firefox inputan date dan date time tidak dapat muncul karena setiap browser memiliki standarnya masing-masing
Maka hasil nya akan seperti ini :
Bagai mana teman teman cukup mudah bukan,
Sekian tutorial saya kalini mengenai Macam Macam Atribut yang ada pada Form Input Part 1, semoga bermanfaat
Terimakasih
The post Macam Macam Atribut yang ada pada Form Input Part 1 appeared first on Kursus Website Terbaik.