Intern
Τι σημαίνει το χαρακτηριστικό type με την τιμή submit σε HTML;
sobes.tech AI
Απάντηση από AI
Το χαρακτηριστικό type="submit" στο στοιχείο HTML <button> ή <input> καθορίζει ότι το στοιχείο αυτό προορίζεται για την αποστολή της φόρμας. Κάνοντας κλικ στο κουμπί με αυτό το χαρακτηριστικό, ο περιηγητής συλλέγει τα δεδομένα όλων των στοιχείων της φόρμας στην οποία περιλαμβάνεται το κουμπί και τα αποστέλλει στη διεύθυνση URL που ορίζεται στο χαρακτηριστικό action του <form> (ή στη τρέχουσα διεύθυνση URL αν το action δεν ορίζεται).
Πώς λειτουργεί:
- Μέσα σε
<form>: Το κουμπί μεtype="submit"συσχετίζεται αυτόματα με την πλησιέστερη γονική φόρμα. Κάνοντας κλικ σε αυτό, ξεκινά η τυπική διαδικασία αποστολής της φόρμας μέσω της μεθόδου HTTP που ορίζεται στο χαρακτηριστικόmethod(προεπιλογή GET). - Εκτός
<form>: Ένα κουμπί μεtype="submit"εκτός φόρμας δεν έχει αυτόματη λειτουργία αποστολής. Μπορεί να χρησιμοποιηθεί με JavaScript για χειροκίνητη αποστολή της φόρμας ή για άλλες ενέργειες.
Παράδειγμα χρήσης:
<form action="/submit-handler" method="POST">
<label for="username">Όνομα χρήστη:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">Κωδικός πρόσβασης:</label>
<input type="password" id="password" name="password"><br><br>
<button type="submit">Αποστολή φόρμας</button>
</form>
Σε αυτό το παράδειγμα, όταν κάνετε κλικ στο κουμπί "Αποστολή φόρμας", ο περιηγητής θα στείλει τα δεδομένα των πεδίων username και password στη διεύθυνση /submit-handler με τη μέθοδο POST.
Σύγκριση με type="button":
| Χαρακτηριστικό | Σκοπός | Αυτόματη αποστολή φόρμας | Χρήση με JS |
|---|---|---|---|
type="submit" |
Αποστολή φόρμας | Ναι | Ναι |
type="button" |
Τυχαίο κουμπί, μη συνδεδεμένο με αποστολή | Όχι | Ναι |