Ένα <form> συλλέγει εισαγωγή χρήστη και την υποβάλλει σε έναν διακομιστή. Τα βασικά χαρακτηριστικά είναι action (όπου να αποστείλετε) και method (πώς να αποστείλετε).
html
Email
Password
Sign up
Ένα <form> συλλέγει εισαγωγή χρήστη και την υποβάλλει σε έναν διακομιστή. Τα βασικά χαρακτηριστικά είναι action (όπου να αποστείλετε) και method (πώς να αποστείλετε).
Email
Password
Sign up
Όταν ο χρήστης κάνει κλικ στο κουμπί υποβολής (ή πατήσει Enter), το πρόγραμμα περιήγησης συγκεντρώνει όλα τα στοιχεία ελέγχου που έχουν ένα name, τα κωδικοποιεί και αποστέλλει μια αίτηση στο action.
<form method="get" action="/search"> <!-- data in the URL: /search?q=html -->
<form method="post" action="/login"> <!-- data in the request body -->
name είναι ουσιώδες<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
Μόνο τα ονοματισμένα στοιχεία ελέγχου αποστέλλονται. Ο διακομιστής τα διαβάζει από το name τους.
form.addEventListener("submit", (e) => {
e.preventDefault(); // stop the full-page reload to handle it with fetch/AJAX
const data = new FormData(form); // easy way to read all fields
});
Οι φόρμες είναι ο κύριος τρόπος με τον οποίο οι χρήστες αποστέλλουν δεδομένα στους διακομιστές.
Η κατανόηση του action/method, του ρόλου του name, της σημασιολογίας GET-versus-POST και του preventDefault για τη χειρισμό JS είναι θεμελιώδης για κάθε εφαρμογή ιστού με εισαγωγή.