HTML <button> ιδιότητα formmethod
Ορισμός και χρήση
formmethod
Η ιδιότητα αυτή καθορίζει τον μέθοδο HTTP που χρησιμοποιείται για την αποστολή δεδομένων της φόρμας. Αυτή η ιδιότητα καλύπτει την ιδιότητα method της φόρμας.
formmethod
Η ιδιότητα αυτή χρησιμοποιείται μόνο για type="submit"
κουμπί.
Τα δεδομένα της φόρμας μπορούν να αποσταλούν ως μεταβλητές URL (χρησιμοποιώντας method="get"
) ή ως HTTP post αποστολή (χρησιμοποιώντας method="post"
)
Σημεία προσοχής για τη μέθοδο "get":
- Αποστέλλει τα δεδομένα της φόρμας ως μορφή όνομα/τιμή στη διεύθυνση URL
- Αυτό είναι πολύ χρήσιμο για τις υποβολές φόρμας όπου ο χρήστης θέλει να προσθέσει τα αποτελέσματα ως σημαία
- Το όγκο των δεδομένων που μπορεί να τοποθετηθεί στην URL είναι περιορισμένο (μπορεί να διαφέρει ανάλογα με τον προγράμματος περιήγησης), οπότε δεν μπορεί να διασφαλιστεί ότι όλα τα δεδομένα της φόρμας θα μεταφερθούν σωστά.
- Μην χρησιμοποιείτε ποτέ τη μέθοδο "get" για να μεταφέρετε ευαίσθητες πληροφορίες! (Κωδικοί πρόσβασης ή άλλες ευαίσθητες πληροφορίες θα εμφανιστούν στη γραμμή διευθύνσεων του προγράμματος περιήγησης)
Σημεία προσοχής για τη μέθοδο "post":
- Αποστέλλει τα δεδομένα της φόρμας ως HTTP POST διαδικασία
- Η φόρμα που υποβάλλεται με τη μέθοδο "post" δεν μπορεί να αποθηκευτεί ως σημαία
- Σε σύγκριση με το μέθοδο "get", η μέθοδος "post" είναι πιο ισχυρή και ασφαλής
- Δεν έχει περιορισμό μεγέθους
Παράδειγμα
Μορφή φόρμας με δύο κουμπιά υποβολής. Το πρώτο κουμπί υποβολής χρησιμοποιεί method="get" για να υποβάλλει τα δεδομένα της φόρμας, το δεύτερο κουμπί υποβολής χρησιμοποιεί method="post" για να υποβάλλει τα δεδομένα της φόρμας:
<form action="/action_page.php" method="get"> <label for="fname">Όνομα:</label> <input type="text" id="fname" name="fname"><br><br> <label for="lname">Ονομα Τέκνου:</label> <input type="text" id="lname" name="lname"><br><br> <button type="submit">Υποβολή</button> <button type="submit" formmethod="post">Υποβολή με POST</button> </form>
Γραμματική
<button type="submit" formmethod="get|post">
Τιμή ιδιότητας
Τιμή | Περιγραφή |
---|---|
get | Προσθήκη δεδομένων φόρμας στην URL:URL?name=value&name=value. |
post | Αποστολή δεδομένων φόρμας ως HTTP post εργασία. |
Υποστήριξη του προγράμματος περιήγησης
Τα αριθμήματα στη τράπεζα σημειώνουν την έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως την ιδιότητα.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
9.0 | 10.0 | 4.0 | 5.1 | 15.0 |
Σημείωση:formmethod
Η ιδιότητα είναι μια νέα ιδιότητα στην HTML 5.