Πώς να φτιάξετε ένα κουμπί σε HTML

Πίνακας περιεχομένων:

Πώς να φτιάξετε ένα κουμπί σε HTML
Πώς να φτιάξετε ένα κουμπί σε HTML

Βίντεο: Πώς να φτιάξετε ένα κουμπί σε HTML

Βίντεο: Πώς να φτιάξετε ένα κουμπί σε HTML
Βίντεο: Πως να φτιάξω ιστοσελίδα *ΓΡΗΓΟΡΑ* σε HTML & CSS 2024, Ενδέχεται
Anonim

Τα κουμπιά δημιουργούνται σε HTML χρησιμοποιώντας τις ετικέτες και. Αποτελούν αναπόσπαστο μέρος σχεδόν οποιασδήποτε διεπαφής και βοηθούν στην αποστολή των απαραίτητων πληροφοριών στο σενάριο χειριστή ή στην εκκαθάριση ήδη συμπληρωμένων φορμών.

Πώς να φτιάξετε ένα κουμπί σε HTML
Πώς να φτιάξετε ένα κουμπί σε HTML

Οδηγίες

Βήμα 1

Η χρήση του περιγραφέα προσθέτει ένα κουμπί με όνομα και τιμή στη σελίδα. Το χαρακτηριστικό name δίνει στο στοιχείο ένα μοναδικό αναγνωριστικό και χρησιμοποιείται από τον επεξεργαστή φόρμας για να προσδιορίσει την αξία του. Η τιμή βάζει το απαιτούμενο κείμενο στην κορυφή. Για παράδειγμα, για να δημιουργήσετε ένα κουμπί, γράψτε τον ακόλουθο κώδικα:

Αυτή η εντολή θα δημιουργήσει ένα κουμπί με το κουμπί ονόματος και τη λεζάντα "Υποβολή" σε αυτό.

Βήμα 2

Ο περιγραφέας δημιουργεί ένα παρόμοιο στοιχείο, αλλά προσφέρει πολλές επιπλέον παραμέτρους για χρήση που μπορεί να χρειαστεί ένας προγραμματιστής ιστού. Έτσι, μπορείτε να επικαλύψετε έναν πίνακα ή μια εικόνα, ένα μορφοποιημένο κείμενο ή μια λίστα στην κορυφή. Για παράδειγμα:

Κείμενο

Βήμα 3

Το χαρακτηριστικό form καθορίζει το αναγνωριστικό της φόρμας που θα χρησιμοποιηθεί για την επεξεργασία των δεδομένων. Το Formaction δημιουργεί έναν χειριστή φόρμας σε άλλο μέρος του εγγράφου, σε άλλο αρχείο ή σε ιστότοπο. Η Formmethod είναι υπεύθυνη για τον καθορισμό της μεθόδου μεταφοράς δεδομένων. Το όνομα καθορίζει το όνομα του κουμπιού, τύπος - ο τύπος (κανονικός, για την υποβολή δεδομένων ή για την εκκαθάριση της φόρμας). Τιμή - η τιμή που θα διαβάζεται με σενάρια. Το κουμπί θα εμφανίσει μια εικόνα με την καθορισμένη διεύθυνση και το έντονο κείμενο.

Βήμα 4

Για να δημιουργήσετε ένα κουμπί που θα επεξεργάζεται τα εισαγόμενα δεδομένα, πρέπει να καθορίσετε τον κατάλληλο τύπο στο χαρακτηριστικό:

Για να δημιουργήσετε ένα κουμπί που καθαρίζει την είσοδο χρήστη, ορίστε type = "reset".

Συνιστάται: