Sobes.tech
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" Τυχαίο κουμπί, μη συνδεδεμένο με αποστολή Όχι Ναι