Penggunaan dan Penulisan Atribut Type Radio Dalam Form HTML
January 22, 2018
Add Comment
Sebelumnya Saya sudah membahas penggunaan dan penulisan tag
Berikut ini contoh penulisan atribut
Berikut ini contoh penulisan atribut
Atribut
Ada beberapa atribut yang sering digunakan secara bersamaan dengan atribut
Berikut ini contoh penulisan atribut
Seperti yang terlihat pada contoh kode diatas, untuk membuat beberapa objek radio menjadi satu grup, maka nilai dari atribut
Berikut ini contoh penulisan atribut
Anda bebas mengisi nilai atribut
Berikut ini penulisan atribut
Jika Anda menjalankan kode diatas dibrowser, maka pada saat halaman ditampilkan, kotak isian radio akan langsung terpilih. Atribut ini bisa digunakan sebagai isian default grup radio.
Berikut ini contoh penulisan atribut
Jika Anda perhatikan terdapat tag
Pada artikel selanjutnya kita akan membahas Penggunaan dan Penulisan Tag Input Type File Dalam Form HTML.
input
dengan atribut type="radio"
pada artikel Cara Membuat Form di HTML, pada artikel kali ini kita akan membahas penggunaan dan penulisan beberapa atribut yang sering digunakan secara bersamaan dengan atribut type="radio"
ini.Beberapa atribut lebih berfungsi untuk mempercatik tampilan form, sebaiknya jika Anda telah menguasai CSS, silahkan pakai CSS untuk keperluan tersebut
Penggunaan dan Penulisan Atribut Type Radio Pada Tag Input
Taginput
dengan atribut type="radio"
digunakan untuk membuat tombol radio atau tombol pilihan yang diisi dengan cara memilih salah satu tombol radio yang ada. Biasanya atribut ini digunakan untuk membuat daftar pilihan yang membatasi pengguna atau pengunjung untuk memilih satu pilihan saja diantara pilihan yang tersedia.Berikut ini contoh penulisan atribut
type="radio"
pada tag input
:<input type="radio"/>Isi atau keterangan radio
Berikut ini contoh penulisan atribut
type="radio"
pada tag input
dalam form HTML :<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
<h2>Belajar Membuat Form HTML</h2>
<form action="formulir.php" method="post">
<fieldset>
<legend>Pilih salah satu transportasi yang Anda gunakan untuk pulang kampung</legend>
<input type="radio"/>Bis<br/>
<input type="radio"/>Kereta api<br/>
<input type="radio"/>Kapal laut<br/>
<input type="radio"/>Pesawat
</fieldset>
</form>
</body>
</html>
Atribut
type="radio"
tidak harus berada didalam tag form
. Namun jika menggunakan atribut type="radio"
diluar tag form
, maka biasanya dikombinasikan dengan JavaScript untuk memprosesnya.Ada beberapa atribut yang sering digunakan secara bersamaan dengan atribut
type="radio"
, seperti atribut name
, value
, checked
dan disabled
. Berikut ini Saya akan membahas penggunaan dan penulisan atribut yang Saya sebutkan tadi secara bersamaan, dengan atribut type="checkbox"
pada tag input
:Penggunaan dan Penulisan Atribut Name Pada Tag Input
Walaupun Anda bisa menggunakan radio tanpa atributname
, namun dengan atribut name
inilah radio berfungsi dengan semestinya. Karena atribut name
ini digunakan sebagai identitas pada setiap tag input type radio bahwa radio tersebut berada dalam satu grup yang sama.Berikut ini contoh penulisan atribut
name
pada tag input
:<input type="radio" name="transportasi"/>Bis<br/>
<input type="radio" name="transportasi"/>Kereta api
Seperti yang terlihat pada contoh kode diatas, untuk membuat beberapa objek radio menjadi satu grup, maka nilai dari atribut
name
ini harus sama dengan beberapa ojek radio yang ingin dimasukkan kedalam satu grup. Selain itu nilai atribut name
ini juga digunakan pada saat pemrosesan form oleh web server.Penggunaan dan Penulisan Atribut Value Pada Tag Input
Atributvalue
pada tag <input type="radio"/>
ini digunakan pada saat pemrosesan form oleh web server nantinya. Misalnya kita membuat program PHP untuk memproses form, maka nilai dari atribut value
inilah yang akan diproses.Berikut ini contoh penulisan atribut
value
pada tag input
:<input type="radio" name="transportasi" value="bis"/>Bis<br/>
<input type="radio" name="transportasi" value="kereta api"/>Kereta api
Anda bebas mengisi nilai atribut
value
ini, namun agar lebih mudah pada saat membuat program, maka sebaiknya Anda mengisi nilainya yang singkat dan berhubungan dengan isi dari radio itu sendiri.Penggunaan dan Penulisan Atribut Checked Pada Tag Input
Atributchecked
digunakan untuk menandai pilihan radio. Nilai dari atribut checked
ini yaitu nama dari atributnya itu sendiri, sehingga ditulis dengan checked="checked"
.Berikut ini penulisan atribut
checked
pada tag input
:<input type="radio" name="tarnsportasi" name="kapal laut" checked="checked"/>Kapal laut
Jika Anda menjalankan kode diatas dibrowser, maka pada saat halaman ditampilkan, kotak isian radio akan langsung terpilih. Atribut ini bisa digunakan sebagai isian default grup radio.
Penggunaan dan Penulisan Atribut Disabled Pada Tag Input
Atributdisabled
digunakan untuk membuat radio tidak bisa digunakan. Penggunaan atribut ini biasanya dikombinasikan dengan JavaScript agar berfungsi secara maksimal, misalnya sebuah radio hanya dapat diisi setelah pengunjung mengisi objek form yang lain. Atribut disabled
hanya memiliki satu nilai, yaitu nama atributnya sendiri, sehingga ditulis dengan disabled="disabled"
.Berikut ini contoh penulisan atribut
disabled
pada tag input
:<input type="radio" name="tarnsportasi" name="pesawat" disabled="disabled"/>Pesawat
Penulisan Atribut Type Radio Pada Tag Input Dalam Form HTML
Sebagai rangkuman untuk penulisan tag input type radio beserta atributnya, Saya sudah membuatkan contoh kode form HTML-nya :<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
<h2>Belajar Membuat Form HTML</h2>
<form action="formulir.php" method="post">
<fieldset>
<legend>Pilih salah satu transportasi yang Anda gunakan untuk pulang kampung</legend>
<input type="radio" name="transportasi" value="bis"/>Bis<br/>
<input type="radio" name="tarnsportasi" value="kereta api"/>Kereta api<br/>
<input type="radio" name="tarnsportasi" value="kapal laut" checked="checked"/>Kapal laut<br/>
<input type="radio" disabled="disabled"/>Pesawat
</fieldset>
</form>
</body>
</html>
Jika Anda perhatikan terdapat tag
fieldset
dan tag legend
pada contoh kode form diatas, yang sebelumnya sudah kita bahas kedua tag ini pada artikel Penggunaan dan Penulisan Tag Fieldset dan Tag Legend Dalam Form HTML, kedua tag ini Saya gunakan untuk mempercantik tampilan form.Pada artikel selanjutnya kita akan membahas Penggunaan dan Penulisan Tag Input Type File Dalam Form HTML.
0 Response to "Penggunaan dan Penulisan Atribut Type Radio Dalam Form HTML"
Post a Comment