Μάθημα : ΣΧΕΔΙΑΣΜΟΣ ΚΑΙ ΑΝΑΠΤΥΞΗ ΔΙΑΔΙΚΤΥΑΚΩΝ ΕΦΑΡΜΟΓΩΝ - Γ'ΕΠΑΛ

Μελετήστε την σελίδα: https://www.w3schools.com/html/html_forms.asp

Απαντήστε τις ερωτήσεις:

1) Ποια είναι τα βασικά tags για την form;

<form

2) Πώς πρέπει να γράψω ένα html tag για input τύπου text;

<form>
  <input type="text"

3) Γράψτε μια φόρμα τύπου radio buttons για τις λέξεις BMW, MERCEDES, PORSCHE

<form>
  <input type="radio" 

4) Γράψτε μια φόρμα με δυο πεδία τύπου text για name, surname και ένα κουμπί (button) για submit

<form>
  <input type="text" 
  <input type="text"

HTML φόρμες για εξάσκηση:

1. Φόρμα Εγγραφής Χρήστη (ενδεικτική λύση)

   • Πεδία: Όνομα, Επώνυμο, Email, Κωδικός Πρόσβασης, Επιβεβαίωση Κωδικού Πρόσβασης.
   • Επιλογές: Φύλο (radio buttons για Άνδρας/Γυναίκα/Άλλο), Ενδιαφέροντα (checkboxes για διάφορες επιλογές όπως Αθλητισμός, Τέχνη, Τεχνολογία κ.α.).
   • Κουμπί υποβολής: "Εγγραφή".

2. Φόρμα Κράτησης Δωματίου Ξενοδοχείου (ενδεικτική λύση)

   • Πεδία: Όνομα, Επώνυμο, Τηλέφωνο Επικοινωνίας, Email.
   • Επιλογές: Τύπος Δωματίου (dropdown menu με επιλογές όπως Μονόκλινο, Δίκλινο, Σουίτα), Ημερομηνία Άφιξης και Αναχώρησης (χρήση date pickers).
   • Κουμπί υποβολής: "Κάνε Κράτηση".

3. Φόρμα Αξιολόγησης Μαθήματος (ενδεικτική λύση)

   • Πεδία: Όνομα Μαθητή, Αριθμός Μητρώου, Email.
   • Επιλογές: Αξιολόγηση μαθήματος (radio buttons για βαθμολογία από 1 έως 5), Σχόλια/Παρατηρήσεις (πεδίο κειμένου για ελεύθερο κείμενο).
   • Κουμπί υποβολής: "Υποβολή Αξιολόγησης".

Βοήθεια 1: https://www.w3schools.com/html/html_forms.asp 

Βοήθεια 2: https://www.w3schools.com/html/html_form_input_types.asp