Macam-Macam Atribut yang Ada pada Form Input Part 1
Halo teman teman di kesempatan kali ini saya akan membahas mengenai Macam-Macam Atribut yang Ada di Form Input Part 1, di kali ini atribut yang akan saya bahas ada lima Macam-Macam Atribut yang Ada di Form Input Part 1 yaitu input type “button”, input type “checkbox”, input type “color”, input type “date”, dan input type “date time local”, masing masing atribut tersebut mempunyai fungsinya masing masing,
Sesungguhnya guna dari form input ini yaitu bagi menunjukan atau memasukan sebuah nilai atau value yang akan dimasukan oleh user seperti memasukan data diri, email tanggal, dan yang lainnya
Cara penulisan input di form yaitu <input type=””> dan di type tersebutlah kita menyisipkan sebuah value yang ingin kita tampilkan di layar browser
Oke teman teman kita seketika saja, berikut Macam-Macam Atribut yang Ada di Form Input Part 1 dan fungsi-fungsi di inputan tersebut seperti dibawah ini :
No | Nama Atribut input | Keterangan | Browser |
1 | button | Bagi merancang tombol di HTML, dan tag button dapat digunakan didalam form maupun diluar form | Chrome, safari, firefox, opera |
2 | Checkbox | Checkbox berfungsi yaitu bagi merancang checkbox atau sebuah kotak yang diisi dengan cara menceklist di kotak tersebut, dan checkbox lazim digunakan bagi memilih sebuah alternatif yang lebih dari satu alternatif, checkbook mesti selalu berada didalam tag form html, dan biasanya checkbox pun dapat dikombinasikan dengan menggunakan javascript bagi pemrosesannya. | Chrome, safari, firefox, opera |
3 | Color | Digunakan bagi mengetahui alternatif warna yang ingin digunakan | Chrome, safari, firefox, opera |
4 | Date | Date digunakan bagi pemakaian tanggal atau control tanggal dengan format tanggal (Year-Month-day) | Chrome, opera, safari |
5 | Date time local | Date time local digunakan bagi pemakaian 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 terdapat di Form Input Part 1.html
<!doctype html>
<html>
<head>
<meta charset=utf-8>
<title>Macam Macam Atribut yang terdapat di 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>
Kalau telah silahkan teman teman jalankan di browser nya,
Catatan : Browser yang saya gunakan bagi menjalan kan inputan ini yaitu menggunakan Chrome karena jikalau dijalankan di firefox inputan date dan date time tak dapat muncul karena setiap browser mempunyai standarnya masing-masing
Karenanya hasil nya akan seperti ini :
Bagai mana teman teman lumayan gampang bukan.
Demikianlah panduan saya kali ini mengenai Macam Macam Atribut yang terdapat di Form Input Part 1, semoga bermanfaat.
Terimakasih.
Sumber https://kursuswebsite.org