Halo teman teman pada kesempatan kali ini saya akan membahas tentang Macam Macam Atribut yang ada pada Form Input Part 3 pada materi sebelumnya saya telah membahas tentang input type button, checkbox, color, date, time local, email, file, hidden, month, dan number
Pada materi Macam Macam Atribut yang ada pada Form Input Part 3 kali ini saya akan membahas tentang input type password, radio, range, dan reset.
Sepeti kita ketahui fungsi dari form input adalah untuk menunjukan atau memasukan sebuah nilai atau value didalam form inputan tersebut, dan cara untuk memasukan inputan yang ingin kita gunakan haruslah mengunakan tag input “ <input> ”Cara penulisan tag input pada HTML yaitu “ <input type=”nama inputan..?”> ”.
Oke teman teman kita langsung saja, berikut Macam Macam Atribut yang ada pada Form Input Part 3 dan fungsi dari masing-masing inputan seperti dibawah ini :
| No | Nama Atribut input | Keterangan | Browser |
| 1 | Password | Input type password merupakan jenis input type text yang berfungsi untuk menerima inputan yang bersifat rahasia, pada input type password bersifat tidak menampilkan karakter atau inputan yang dimasukan tidak seperti aslinya karena untuk menyembunyikan informasi yang dapat dilihat oleh orang lain
Cara penulisan yaitu, <input type=”password”> |
Chrome, safari, firefox, opera |
| 2 | Radio | Input type radio berfungsi untuk membuat sebuah tombol radio atau sebuah tombol pilihan, yang di isi dengan cara memilih salah satu pilihan yang ada pada tombol tersebut, dan tombol radio juga berfungsi untuk membatasi user untuk memilih salah satu pilihan yang ada, input type radio tidak harus berada pada tag form html, untuk mendefenisikan setiap inputan harus ada salah satu kondisi input radio yang yang active atau yang sudah dicentang dengan cara menambahkan atribut (checked) pada radio tersebut.
Cara penulisanya yaitu, <input type=”radio” checked> |
Chrome, safari, firefox, opera |
| 3 | Range | Input type range digunakan untuk memasukan sebuah data yang mengandung sebuah nilai pada 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 untuk membatalkan semua proses atau mereset semua proses pengisian data yang dilakukan dalam sebuah form
Cara penulisannya yaitu, <input type=”reset”> |
Chrome, safari, firefox, opera |
Untuk menjalankan pada browser silahkan teman teman simpan script dibawah ini dengan nama Macam Macam Atribut yang ada pada Form Input Part 3.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Macam macam atribut yang ada pada 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="pilihan" checked>pilihan 1
<input type="radio" value="" name="pilihan" checked>pilihan 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>Jika sudah silahkan teman teman jalankan pada browsernya maka hasilnya seperti dibawah ini :
Bagaimana teman teman cukup mudah bukan,
Sekian tutorial saya kali ini mengenai Macam Macam Atribut yang ada pada Form Input Part 3
Semoga bermanfaat
terimakasih
The post Macam Macam Atribut yang ada pada Form Input Part 3 appeared first on Kursus Website Terbaik.