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

Σε αυτό το άρθρο, θα μάθετε για 11 χαρακτηριστικά HTML που πιθανότατα δεν έχετε ακούσει ακόμα.

1. πολλαπλούς

Αυτό το χαρακτηριστικό επιτρέπει στους χρήστες να εισάγουν πολλές τιμές. Μπορείτε να χρησιμοποιήσετε το πολλαπλό χαρακτηριστικό με ετικέτες και ετικέτες. Αυτό το boolean χαρακτηριστικό είναι έγκυρο μόνο για τύπους εισόδου email ή αρχείων.

Χρήση πολλαπλών χαρακτηριστικών με


Χρήση πολλαπλών χαρακτηριστικών για την εισαγωγή αρχείου

Χρησιμοποιώντας το χαρακτηριστικό πολλαπλών για την εισαγωγή αρχείου, μπορείτε να επιλέξετε πολλά αρχεία (κρατώντας πατημένο το Μετατόπιση ή Ctrl κλειδιά).

Χρήση πολλαπλών χαρακτηριστικών για εισαγωγή email

Χρησιμοποιώντας το χαρακτηριστικό πολλαπλών για την εισαγωγή email, μπορείτε να εισαγάγετε μια λίστα διευθύνσεων email διαχωρισμένων με κόμματα. Όλα τα λευκά κενά θα αφαιρεθούν από κάθε διεύθυνση στη λίστα.

2. ικανοποιητικός επεξεργάσιμος

Μπορείτε να κάνετε το περιεχόμενο HTML επεξεργάσιμο σε μια ιστοσελίδα χρησιμοποιώντας το χαρακτηριστικό contenteditable. Αυτό είναι ένα καθολικό χαρακτηριστικό, δηλαδή είναι κοινό σε όλα τα στοιχεία HTML.


Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.

3. ορθογραφικός έλεγχος

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


Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.

Σχετικά: Το φύλλο εξαπάτησης βασικών στοιχείων HTML: Ετικέτες, χαρακτηριστικά και Περισσότερα

4. λήψη

Μπορείτε να κάνετε λήψη ενός πόρου χρησιμοποιώντας το χαρακτηριστικό λήψης. Το χαρακτηριστικό λήψης λέει στο πρόγραμμα περιήγησης να πραγματοποιήσει λήψη της καθορισμένης διεύθυνσης URL αντί να πλοηγηθεί σε αυτήν. Μπορείτε να χρησιμοποιήσετε το χαρακτηριστικό λήψης με ετικέτα και ετικέτα .

Σημείωση: Το χαρακτηριστικό λήψης. μόνο λειτουργεί με διευθύνσεις URL ίδιας προέλευσης. Ακολουθεί τους κανόνες της πολιτικής ίδιας προέλευσης.

Λήψη

5. αποδοχή

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

Αποδοχή αρχείου ήχου

Αποδοχή αρχείου βίντεο

 code>

Αποδοχή αρχείου εικόνας

 code>

Αποδοχή αρχείου Microsoft Word

accept=".doc,.docx, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document">

Αποδοχή αρχείων PNG ή JPEG

Αποδοχή αρχείου PDF

Σχετικά: Καλά εφέ HTML που μπορεί να προσθέσει ο καθένας στους ιστοτόπους του

6. translate

Το χαρακτηριστικό translate λέει στο πρόγραμμα περιήγησης ότι το στοιχείο πρέπει να μεταφραστεί ή όχι όταν η σελίδα έχει εντοπιστεί. Μπορεί να έχει 2 τιμές: "ναι" ή "όχι".


Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.

Σχετικά: Απλά παραδείγματα κώδικα HTML που μπορείτε να μάθετε σε 10 Λεπτά

7. αφίσα

Το χαρακτηριστικό αφίσας χρησιμοποιείται για την εμφάνιση μιας εικόνας κατά τη λήψη του βίντεο ή έως ότου ο χρήστης παίξει το βίντεο.

Σημείωση: Εάν δεν καθορίσετε τίποτα, δεν εμφανίζεται τίποτα μέχρι να εμφανιστεί το πρώτο καρέ διαθέσιμος. Όταν το πρώτο καρέ είναι διαθέσιμο, εμφανίζεται ως το πλαίσιο της αφίσας.

src=" http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4"
poster="posterImage.png">

8. inputmode

Το χαρακτηριστικό inputmode υποδεικνύει στο πρόγραμμα περιήγησης ποιο πληκτρολόγιο θα εμφανίζει όταν ένας χρήστης έχει επιλέξει οποιοδήποτε στοιχείο εισόδου ή περιοχής κειμένου. Αυτό το χαρακτηριστικό δέχεται διάφορες τιμές:

Καμία

Αριθμητικό

Τηλ

Δεκαδικό

Ηλεκτρονικό ταχυδρομείο

URL

9. μοτίβο

Το χαρακτηριστικό πρότυπο του στοιχείου σάς επιτρέπει να καθορίσετε μια κανονική έκφραση για την οποία θα επικυρωθεί η τιμή του στοιχείου. Μπορείτε να χρησιμοποιήσετε το χαρακτηριστικό μοτίβο με διάφορους τύπους εισαγωγής, όπως κείμενο, ημερομηνία, αναζήτηση, URL, τηλ, email και κωδικό πρόσβασης.

Σχετικά: Καλύτεροι ιστότοποι για Παραδείγματα ποιοτικής κωδικοποίησης HTML

10. autocomplete

Το χαρακτηριστικό autocomplete καθορίζει εάν το πρόγραμμα περιήγησης θα πρέπει να ολοκληρώσει αυτόματα την είσοδο βάσει των εισροών του χρήστη ή όχι. Μπορείτε να χρησιμοποιήσετε το χαρακτηριστικό αυτόματης συμπλήρωσης με διάφορους τύπους εισαγωγής όπως κείμενο, αναζήτηση, διεύθυνση URL, τηλ, email, κωδικός πρόσβασης, επιλογείς ημερομηνίας, εύρος και χρώμα. Μπορείτε να χρησιμοποιήσετε αυτό το χαρακτηριστικό με τα στοιχεία ή

στοιχεία.

11. autofocus

Το χαρακτηριστικό autofocus είναι ένα boolean χαρακτηριστικό που υποδεικνύει ότι ένα στοιχείο πρέπει να εστιάζεται στη φόρτωση της σελίδας. Μπορείτε να χρησιμοποιήσετε αυτό το χαρακτηριστικό με , , , , ή στοιχεία.

Χρήση χαρακτηριστικού αυτόματης εστίασης με στοιχείο εισόδου

< /code>

Χρήση χαρακτηριστικού αυτόματης εστίασης με επιλεγμένο στοιχείο

Χρήση χαρακτηριστικού αυτόματης εστίασης με στοιχείο textarea

Εάν θέλετε να ρίξετε μια ματιά στον πλήρη πηγαίο κώδικα που χρησιμοποιείται σε αυτό το άρθρο, ρίξτε μια ματιά στο Αποθετήριο GitHub.


 Κάντε τη ζωή σας πιο εύκολη με τα JavaScript One-Liners


Ο κώδικας μίας γραμμής βοηθά στην επίτευξη περισσότερων με λιγότερο κώδικα. Μπορείτε να χρησιμοποιήσετε πολλά JavaScript one-liners για να κωδικοποιήσετε σαν επαγγελματίας.


Με μία μόνο γραμμή κώδικα, μπορείτε να ανακατέψετε έναν πίνακα, να βρείτε τον μέσο όρο ενός πίνακα, να ελέγξετε εάν ένας πίνακας είναι κενός, να δημιουργήσετε ένα τυχαίο εξάγωνο χρώμα, να δημιουργήσετε ένα τυχαίο UUID και ούτω καθεξής.



11 JavaScript One-Liners που πρέπει να γνωρίζετε
Πετύχετε πολλά με λίγο κώδικα χρησιμοποιώντας αυτήν την ευρεία γκάμα JavaScript one-liners.




Διαβάστε Επόμενο

ΜερίδιοΤιτίβισμαΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ




Σχετικά θέματα
    

  • Προγραμματισμός
    • 

  • HTML
    • 

  • Γλώσσες προγραμματισμού
    • 

  • Συμβουλές κωδικοποίησης
    • 




Σχετικά με τον Συγγραφέα





Yuvraj Chandra (Δημοσιεύτηκαν 78 άρθρα)
Ο Yuvraj είναι προπτυχιακός φοιτητής της Επιστήμης Υπολογιστών στο Πανεπιστήμιο του Δελχί, Ινδία. Είναι παθιασμένος με την Full Stack Web Development. Όταν δεν γράφει, εξερευνά το βάθος των διαφορετικών τεχνολογιών.

Περισσότερα από τον Yuvraj Chandra







Εγγραφείτε στο ενημερωτικό μας δελτίο


Εγγραφείτε στο ενημερωτικό μας δελτίο για συμβουλές τεχνολογίας, κριτικές, δωρεάν ebook και αποκλειστικές προσφορές!


Κάντε κλικ εδώ για να εγγραφείτε