Μια μινιμαλιστική και ελκυστικό textarea

Web 2.0 χαρακτηρίζεται από τη συμμετοχή των χρηστών στη δημιουργία περιεχομένου. Με αυτό κατά νου, ένα από τα πιο σημαντικά στοιχεία της HTML tags είναι η περιοχή κειμένου.

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

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

Η λύση που παρουσιάζω σήμερα σε αυτό το σύντομο άρθρο παρέχει μια μινιμαλιστική εμφάνιση ενισχύεται από την εφαρμογή ενός απλού ιστορικό της textarea. Στο παράδειγμά μας θα χρησιμοποιήσουμε τη λέξη ως μια εικόνα του λογοτύπου μας που βρίσκεται στο κάτω δεξί μέρος μέσα σε ένα textarea με ένα απλό λευκό beaded γκρι:

Το αποτέλεσμα που θέλουμε για να επιτύχουμε είναι το εξής:

Για να καταστήσει ακόμη πιο ελκυστικό rislutato η τελική επίδραση θα εφαρμόσει επίσης μια πολύ απλή (με τη χρήση JavaScript) που θα έχει ως αποτέλεσμα την εξαφάνιση του το προεπιλεγμένο κείμενο και το φόντο κατά τη στιγμή της πραγματικής χρήσης του textarea. Αλλά ας βαθμούς, κατ 'αρχάς, ας δούμε τον κώδικα CSS ...

• <<
• 1
• 2
• >>