Rádiógombot akkor alkalmazunk, amikor több lehetőség közül kell egyet kiválasztunk. A type értékének most "radio"-t kell megadni. Megjelenik egy új attribútum, a value, ez legyen ugyanaz, mint a rádiógomb előtti felirat, tehát most „Fiú” vagy „Lány”. Ez azért kell, mert a szervernek a kiválasztott opció value attribútumának értékét fogja elküldeni a form. Fontos: a két rádiógomb name attribútuma legyen azonos, mert csak így lehet pontosan egyet választani közülük. Viszont a két id attribútumnak különböznie kell, mert az id-ből azonos nevű csak egy lehet egy dokumentumon belül. A label címkét az input címke mögé írtuk, hogy a rádióbombok után jelenjen meg a felirat.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="hu">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML fájl</title>
</head>
<body>
<form action="radioparser.php" method="post">
<div>
<input type="radio" id="fiu" name="nem" value="Fiú">
<label for="fiu">Fiú</label>
<br>
<input type="radio" id="lany" name="nem" value="Lány">
<label for="lany">Lány</label>
<br>
<input type="submit" value="Elküld">
</div>
</form>
</body>
</html>
Rádiógombok használata előre kiválasztott értékkel:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="hu">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML fájl</title>
</head>
<body>
<form action="radioparser.php" method="post">
<div>
<input type="radio" id="fiu" name="nem" value="Fiú" checked="checked">
<label for="fiu">Fiú</label>
<br>
<input type="radio" id="lany" name="nem" value="Lány">
<label for="lany">Lány</label>
<br>
<input type="submit" value="Elküld">
</div>
</form>
</body>
</html>
| 
AJÁNLOM AZ OLDALT
Friss bejegyzések
Friss hozzászólások
Archívum
