Learning HTML Part 30: Χρήση πλαισίων ελέγχου τύπου εισόδου, τύπων ραδιοφώνου και επιλεγμένων ιδιοτήτων σε φόρμες HTML
Στο προηγούμενο σεμινάριο, μελετήσαμεσχετικά με τον τρόπο δημιουργίας μιας απλής φόρμας σε HTML μαζί με τη χρήση ετικετών εισόδου και των τιμών τύπου εισόδου τους, συγκεκριμένα κειμένου, κωδικού πρόσβασης και υποβολής. Λοιπόν, σε αυτό το σεμινάριο αυτό που συζητείται είναι η χρήση της εισόδου τύπου κουτιού ελέγχου, του ραδιοφώνου και επίσης του χαρακτηριστικού που ελέγχθηκε.
Για περισσότερες λεπτομέρειες σχετικά με τις δύο τιμές και χαρακτηριστικά τύπου εισαγωγής, ας δούμε το παρακάτω σεμινάριο:
1. Πλαίσιο ελέγχου τύπου εισαγωγής
Ο τύπος εισόδου χρησιμοποιείται για τη δημιουργία ενόςμια λίστα επιλογών με ένα μικρό κιβώτιο που θα εμφανίσει μια λίστα ελέγχου, εάν το κουτί είναι πατημένο και μπορεί να επιλεγεί περισσότερο από ένα. Παρακάτω ακολουθεί ένα παράδειγμα γραφής και χρήσης των πλαισίων ελέγχου τύπου εισαγωγής σε HTML:
<!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>Αφού εκτελεστεί ο παραπάνω κώδικας στο πρόγραμμα περιήγησης, θα εμφανιστεί όπως φαίνεται παρακάτω:
2. Τύπος εισόδου ραδιοφώνου
Η είσοδος τύπου ραδιοφώνου χρησιμοποιείται για τη δημιουργία μιας λίστας επιλογών που μπορούν να επιλεγούν μόνο μία φορά. Παρακάτω ακολουθεί ένα παράδειγμα γραφής και χρήσης εισόδου τύπου ραδιόφωνο σε 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>Αφού εκτελεστεί ο παραπάνω κώδικας στο πρόγραμμα περιήγησης, θα εμφανιστεί όπως φαίνεται παρακάτω:
3. Έλεγχος ιδιοτήτων
Το ελεγχόμενο χαρακτηριστικό χρησιμοποιείται στον τύπο εισόδουπλαίσια ελέγχου και ραδιόφωνα που υποδεικνύουν εάν έχει επιλεγεί ή όχι κάποιο στοιχείο (καθορισμός προεπιλεγμένων επιλογών). Εδώ είναι ένα παράδειγμα του κώδικα εγγραφής και χρησιμοποιώντας το χαρακτηριστικό checked στην ετικέτα <input> σε HTML:
<!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>Αφού εκτελεστεί ο παραπάνω κώδικας στο πρόγραμμα περιήγησης, θα εμφανιστεί όπως φαίνεται παρακάτω:
Τώρα καταλαβαίνετε τη χρήση των παραπάνω χαρακτηριστικών. Συνεχίστε να μαθαίνετε το επόμενο υλικό, το οποίο είναι σχετικά με τη χρήση του στοιχείου textarea στη φόρμα HTML.
