HTML išmokimas 30 dalis: Įvesties tipo žymės langelių, radijo tipų ir patikrintų atributų naudojimas HTML formose
Ankstesniame vadove mes studijavomeapie tai, kaip sukurti paprastą HTML formą, naudojant įvesties žymas ir jų įvesties tipo reikšmes, būtent tekstą, slaptažodį ir pateikimą. Na, šiame vadove aptartas žymimojo laukelio tipo įvesties, radijo ir pažymėto atributo naudojimas.
Norėdami gauti daugiau informacijos apie dvi įvesties tipo reikšmes ir atributus, pažiūrėkime į žemiau pateiktą mokymo programą:
1. Įvesties tipo žymimasis laukelis
Įvesties tipo žymimasis langelis naudojamas kuriantpasirinkimų sąrašas su maža dėžute, kurioje bus pateiktas kontrolinis sąrašas, jei laukelis spustelėtas ir kurį galima pasirinkti daugiau nei vieną. Toliau pateiktas HTML įvesties tipo žymės langelių rašymo ir naudojimo pavyzdys:
<!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>Atlikus aukščiau pateiktą kodą naršyklėje, jis pasirodys taip, kaip parodyta žemiau:
2. Įvesties radijo tipas
Radijo tipo įvestis naudojama sudaryti variantų, kuriuos galima pasirinkti tik vieną kartą, sąrašą. Toliau pateiktas pavyzdys, kaip rašyti ir naudoti radijo tipo įvestį HTML:
<!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>Atlikus aukščiau pateiktą kodą naršyklėje, jis pasirodys taip, kaip parodyta žemiau:
3. Patikrinti atributai
Patikrintas atributas naudojamas įvesties tipuižymės langeliai ir radijo imtuvai, nurodantys, ar elementas pasirinktas, ar ne (nustatykite numatytąsias parinktis). Žemiau pateiktas rašymo kodo pavyzdys ir pažymėto atributo naudojimas HTML žymas <input> žymoje:
<!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>Atlikus aukščiau pateiktą kodą naršyklėje, jis pasirodys taip, kaip parodyta žemiau:
Dabar jūs suprantate, kaip naudojami aukščiau išvardyti atributai. Toliau mokykitės kitos medžiagos, susijusios su teksto elemento naudojimu HTML formoje.
