HTML tanulás 30. rész: Beviteli típus jelölőnégyzetek, rádiótípusok és ellenőrzött attribútumok használata HTML formában

Az előző bemutatóban tanulmányoztukarról, hogyan lehet HTML formátumban létrehozni egy egyszerű űrlapot, a bemeneti címkék és bemeneti típusuk, nevezetesen a szöveg, a jelszó és az elküldés használatával. Nos, ebben az oktatóanyagban a jelölőnégyzet bemenetének, a rádiónak és az ellenőrzött attribútumnak a használata tárgyalt.

A két bemeneti típusú értékről és attribútumról bővebben az alábbiakban olvashat:

1. Beviteli típus jelölőnégyzet

A beviteli típus jelölőnégyzetet kell használni aa választási lehetőségek listája egy kis mezővel, amely ellenőrző listát jelenít meg, ha rákattintanak, és egynél több is kiválasztható. Az alábbiakban bemutatunk példát a HTML-beviteli típusú jelölőnégyzetek írására és használatára:

<!DOCTYPE html>
<html>
<head>
<title> Penggunaan Input Type Checkbox di HTML </title>
</head>
<body>
<form action="proses_input.php" method="get">
Pilih Makanan Favorit Anda dibawah ini : <br>
<input type="checkbox" name="makanan" value="rendang">Rendang <br>
<input type="checkbox" name="makanan" value="bakso">Bakso <br>
<input type="checkbox" name="makanan" value="nasi goreng">Nasi Goreng <br>
<input type="checkbox" name="makanan" value="Mie Ayam Jamur">Mie Ayam Jamur<br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>

A fenti kód végrehajtása után a böngészőben az alábbiak szerint jelenik meg:

2. Rádió bemeneti típusa

A rádió típusú bemenetet olyan lehetőségek listájának létrehozására használják, amelyeket csak egyszer lehet kiválasztani. Az alábbiakban bemutatunk példát a rádió típusú bevitel írására és használatára HTML-ben:

<!DOCTYPE html>
<html>
<head>
<title> Penggunaan Input Type Radio di HTML </title>
</head>
<body>
<form action="proses_input.php" method="get">
Pilih Pendidikan Terakhir Anda: <br>
<input type="radio" name="pendidikan" value="SMP"> SMP <br>
<input type="radio" name="pendidikan" value="SMA"> SMA <br>
<input type="radio" name="pendidikan" value="D3/S1"> D3/S1 <br>
<input type="radio" name="pendidikan" value="S2"> S2 <br>
<input type="radio" name="pendidikan" value="S3"> S3<br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>

A fenti kód végrehajtása után a böngészőben az alábbiak szerint jelenik meg:

3. Ellenőrzött attribútumok

Az ellenőrzött attribútumot a bemeneti típuson kell használnijelölőnégyzetek és rádiók, amelyek jelzik, hogy kiválasztott-e egy elemet vagy sem (az alapértelmezett beállítások meghatározása). Az alábbiakban egy példa az írási kódra, és a HTML-ben a <bevitel> címkén az ellenőrzött attribútum használatára:

<!DOCTYPE html>
<html>
<head>
<title> Penggunaan Atribut Checked di HTML Forms </title>
</head>
<body>
<form action="proses_input.php" method="get">
Pilih Pendidikan Terakhir Anda: <br>
<input type="radio" name="pendidikan" value="SMA"> SMA <br>
<input type="radio" name="pendidikan" value="D3/S1" checked> D3/S1 <br>
<input type="radio" name="pendidikan" value="S2"> S2 <br> <br>
Pilih Makanan Favorit Anda dibawah ini : <br>
<input type="checkbox" name="makanan" value="rendang" checked> Rendang <br>
<input type="checkbox" name="makanan" value="bakso"> Bakso <br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>

A fenti kód végrehajtása után a böngészőben az alábbiak szerint jelenik meg:

Most megértette a fenti attribútumok használatát. Kérjük, folytassa a következő anyag tanulmányozását, amely a textarea elem HTML formában történő használatáról szól.

</ P>

Tovább: