Macam-Macam Atribut yang Ada pada Form Input Part 3
Halo teman teman di kesempatan kali ini saya akan membahas mengenai Macam-Macam Atribut yang Ada di Form Input Part 3 di bahan sebelumnya saya telah membahas mengenai input type button, checkbox, color, date, time local, email, file, hidden, month, dan number.
Di bahan Macam-Macam Atribut yang Ada di Form Input Part 3 kali ini saya akan membahas mengenai input type password, radio, range, dan reset.
Seperti kita ketahui kegunaan dari form input yakni bagi menunjukan atau memasukan sebuah nilai atau value didalam form inputan tersebut, dan cara bagi memasukan inputan yang ingin kita gunakan haruslah menggunakan tag input “ <input> ”Cara penulisan tag input di HTML yaitu “ <input type=”nama inputan..?”> ”.
Oke teman teman kita seketika saja, berikut Macam-Macam Atribut yang Ada di Form Input Part 3 dan kegunaan dari masing-masing inputan seperti dibawah ini :
| No | Nama Atribut input | Keterangan | Browser |
| 1 | Password | Input type password adalah jenis input type text yang berfungsi bagi menerima inputan yang bersifat rahasia, di input type password bersifat tak menampilkan karakter atau inputan yang dimasukan tak seperti aslinya karena bagi menyembunyikan informasi yang dapat dilihat oleh orang lain Cara penulisan yaitu, <input type=”password”> | Chrome, safari, firefox, opera |
| 2 | Radio | Input type radio berfungsi bagi membangun sebuah tombol radio atau sebuah tombol alternatif, yang di isi dengan cara memilih diantara alternatif yang terdapat di tombol tersebut, dan tombol radio pun berfungsi bagi membatasi user bagi memilih diantara alternatif yang terdapat, input type radio tak mesti berada di tag form html, bagi mendefinisikan setiap inputan mesti ada diantara kondisi input radio yang yang active atau yang telah dicentang dengan cara menambahkan atribut (checked) di radio tersebut. Cara penulisannya yaitu, <input type=”radio” checked> | Chrome, safari, firefox, opera |
| 3 | Range | Input type range digunakan bagi memasukan sebuah data yang mengandung sebuah nilai di form dari nomor yang berjarak, dengan cara memasukan nilai minimal “min” dan memasukan nilai maksimal “max” yang ingin ditampilkan Cara penulisannya yaitu, <input type=”range” min=”1″ max=”10″ > | Chrome, safari, firefox, opera |
| 4 | Reset | Input type reset berfungsi bagi membatalkan segala proses atau mereset segala proses penginputan data yang dilakukan pada sebuah form Cara penulisannya yaitu, <input type=”reset”> | Chrome, safari, firefox, opera |
Bagi menjalankan di browser silahkan teman teman simpan script dibawah ini dengan nama Macam Macam Atribut yang terdapat di Form Input Part 3.html
<!doctype html>
<html>
<head>
<meta charset=utf-8>
<title>Macam macam atribut yang terdapat di form input part 3</title>
</head>
<body>
<table>
<form action= method=>
<tr>
<th>1</th>
<th>password</th>
<td><input type=password value=></td>
</tr>
<tr>
<th>2</th>
<th>radio</th>
<td><input type=radio value= name=alternatif checked>alternatif 1
<input type=radio value= name=alternatif checked>alternatif 2
</td>
</tr>
<tr>
<th>3</th>
<th>range</th>
<td><input type=range value= min=1 max=10></td>
</tr>
<tr>
<th>4</th>
<th>reset</th>
<td><input type=reset value=Reset></td>
</tr>
</form>
</table>
</body>
</html>
Bila telah silahkan teman teman jalankan di browsernya karenanya hasilnya seperti dibawah ini :
Bagaimana teman teman lumayan gampang bukan,
Demikianlah panduan saya kali ini mengenai Macam-Macam Atribut yang Ada di Form Input Part 3.
Semoga bermanfaat
terimakasih
Sumber https://kursuswebsite.org
