En minimalistisk och attraktiv textarea

Web 2.0 präglas av brukarmedverkan i innehåll. Med detta i åtanke är ett av de viktigaste delarna av HTML-taggar textområdet.

Med denna tagg, som vanligtvis passar in i ett formulär kan användarna posta åsikter, ställa frågor och publicera material typ i en text område.

Den förvalda utseendet på en TextArea är inte särskilt trevlig (det är en vit rektangel med en rullningslist laterle någon), men som vi vet, tack vare CSS kan du agera på denna aspekt radikalt finna konstruktionslösningar riktigt trevlig.

Den lösning jag lägger fram i dag i denna korta artikel ger en minimalistisk look förstärks av tillämpningen av en enkel bakgrund till textarea. I vårt exempel kommer vi att använda ordet som en bild av vår logotyp finns längst ned till höger i en textarea med en enkel vit pärlstav grå:

Effekten vi vill uppnå är detta:

För att göra det ännu mer tilltalande rislutato den slutliga effekten kommer också att gälla en mycket enkel (med hjälp av JavaScript) som kommer att resultera i försvinnandet av den förvalda texten och bakgrunden vid tidpunkten för den faktiska användningen av textarea. Men låt oss grader, Låt oss först se CSS-koden ...

• <<
• 1
• 2
• >>