En minimalistisk og attraktiv textarea

Web 2.0 er karakteriseret ved bruger-deltagelse i skabelse af indhold. Med dette i tankerne, er en af de vigtigste elementer i HTML-tags tekstområdet.

Ved hjælp af dette tag, som normalt passer inden for en formular, kan brugere skrive udtalelser, stille spørgsmål og udgive indhold skriver i et tekstområde.

Som standard udseendet af en textarea er ikke særlig behagelig (det er en hvid firkant med et rullepanel laterle nogen), men som vi ved, takket være CSS, kan du handle på dette aspekt radikalt finde designløsninger rigtig dejligt.

Den løsning, jeg præsenterer i dag i denne korte artikel giver et minimalistisk look styrkes ved anvendelse af en enkel baggrund til textarea. I vores eksempel vil vi bruge ordet som et billede på vores logo er placeret nederst til højre i en textarea med en enkel hvid beaded grå:

Den effekt, vi ønsker at opnå, er dette:

For at gøre det endnu mere tiltalende rislutato den endelige effekt vil også anvende en meget enkel (ved hjælp af JavaScript), der vil resultere i, forsvinder den standard tekst og baggrund på tidspunktet for den faktiske brug af textarea. Men lad os grader for det første, lad os se den CSS kode ...

• <<
• 1
• 2
• >>