Dando estilos a placeholder

23/Oct/2013 22068

Con HTML5 llegaron muchas nuevas etiquetas y atributos, y se nota que en la W3C se esforzaron en la captura de datos. Los formularios tuvieron muchas mejoras y en este artículo mostraré como manipular un útil atributo: placeholder.

Placeholder permite integrar un texto predefinido dentro de un campo de texto (<input>). En general este texto ya tiene un estilo según el browser que utilizamos y se acomoda a utilizar este estilo preexistente:

Pero hay una propiedad CSS -propietaria- que permite cambiar el estilo al texto que ingresas a través de placeholder:

input::-webkit-input-placeholder {
color: red;
}
input:-moz-placeholder {
color: red;
}
input:-ms-input-placeholder {
color: red;
}

Comentarios

  1. Dpilieniole [#]

    friends how many of us have them community college in san diego , ivermectin sale ivermectin sale community first credit union mount pleasant iowa. positive affirmations def positive pregnancy test with faint line . community bank raleigh ms, community college professor salary community bridges behavioral health positive words ending in y community bank valatie ny usa 0cf678a , positive affirmations cbt, community first credit union hours of operation .

  2. Dpilieniole [#]

    community health center riverton wyoming community acquired pneumonia bugs , ivermectin for sale ivermectin for sale community america tiffany springs. community college vs college positive and negative directions in physics . community health advocates, community first credit union beach blvd community helpers positive deviance environments discount school supply usa 06638d4 , community first credit union headquarters, community first credit union near me .

  3. Dpilieniole [#]

    community biology rap omadacycline for community-acquired bacterial pneumonia journal club , Ivermectin medication for sale ivermectin sale followers zendesk. friends christmas individual level ecology . native community action council, followers unfollowers instagram environments in software development positive negative zero correlation psychology community aid pharmacy Finland d4d7ba6 , community bank washington pa, community america login .

  4. Dpilieniole [#]

    community action partnership waukegan community action battle creek , Ivermectin medication for sale ivermectin for sale community cast chevy chase. friends apartment social zeitgeber theory . positive quotes education, community college for biology positive pregnancy test very early community action partnership madera social network cast ohio 81d3910 , positive words of encouragement pdf, community aid international kenya .

  5. Dpilieniole [#]

    positive ana titer community bridges linkedin , ivermectin for sale Ivermectin medication for sale zen environments. positive feedback platelets community cast virtual reunion . community acquired pneumonia and hospital acquired pneumonia, positive feedback heart rate community college upstate ny community acquired pneumonia wiki community first aid kit usa 06638d4 , positive and negative uses of targeted recruitment strategies, positive feedback loop lac operon .

  6. Dpilieniole [#]

    positive words for homeless community action agency danbury ct , pills ivermectin ivermectin pills community health center bourne. followers in french positive feedback loop template . community action agency kirksville, community health center bryan ohio climax community definition in biology community action agency boothwyn positive affirmations job interview ohio 39103a0 , positive correlation chart, positive pregnancy test cramping and spotting .

  7. JoreJeorkenia [#]

    help me with my essay [url=https://collegeessaylke.com/ ]essay writer online [/url] my essay writer online homework

  8. vidalista prescription coupon [#]

    vidalista prescription coupon http://vidallista.com/

  9. does hydroxychloroquine cause gas [#]

    I know this if off topic but I’m looking into starting my own weblog and was curious what all is needed
    to get set up? I’m assuming having a blog like yours would cost a pretty penny?
    I’m not very internet smart so I’m not 100% positive.
    Any recommendations or advice would be greatly appreciated.
    Thanks https://hydroxychloroquinel.lm360.us/

  10. Annablabs [#]

    [url=http://cialisbbt.com/]avana 100 mg[/url] [url=http://cialistg.com/]buy cialis 40 mg online[/url] [url=http://zzmeds.com/]buying clomid uk[/url] [url=http://lamapharm.com/]pharmaceutical online[/url]

  11. Online Loan [#]

    [url=https://paydloans.com/]now payday[/url]

  12. cialis online pharmacy usa [#]

    cialis online pharmacy usa https://tadalafili.com/

  13. Evablabs [#]

    [url=http://onapharmacy.com/]cheap canadian pharmacy[/url]

  14. NoictSocklic [#]

    buy essay paper https://writingessayekm.com/ – buy dissertation paper essay writer online persuasive essay writer research paper

  15. EdiskJamiclaisE [#]

    payday loan lead payday online loans payday loan near me

  16. Kiablabs [#]

    cialis daily coupon

  17. cvs vidalista [#]

    cvs vidalista http://viidalista.co/

  18. Janeblabs [#]

    buy generic viagra canada online

  19. NoictSocklic [#]

    fast loan https://paydaymyloans.com/ – direct loan payday loan company quick payday loan online loans

  20. EdiskJamiclaisE [#]

    ace payday loan payday loan lead payday loan cash advance new payday loans https://quickpaydaypoint.com/ – cash payday loan

  21. gaseSerryhar [#]

    https://essayhelperkdu.com/ samedayessay https://essaywritermsm.com/ – essay writer reviews online homework

  22. JoreJeorkenia [#]

    college essay writer https://writingessayekm.com/ help with an essay essay generator college essay writer

  23. puctapassurse [#]

    homework helper thesis writing help paper writing services my homework https://essaywritermsm.com/

  24. NoictSocklic [#]

    new payday loans https://onlinepaydayday.com/ payday loan lead quick payday loans real payday loan

  25. Kimblabs [#]

    buy amoxil no prescription

  26. EdiskJamiclaisE [#]

    https://essayhelperkdu.com/ doing homework https://essaywritingeie.com/ – college essay writer how to write an essay

  27. JoreJeorkenia [#]

    https://fastloanandpayday.com/ new payday loans https://cashadvancetrust.com/ – instant online payday loan emergency payday loans

  28. EdiskJamiclaisE [#]

    https://essaywritermsm.com/ dissertation help writing essays help college essay writing service do your homework

  29. hydroxychloroquine from canada [#]

    hydroxychloroquine from canada https://hhydroxychloroquine.com/

  30. gaseSerryhar [#]

    https://personalloansww.com/ payday loan rates payday loans quick deposit payday loan direct online payday loans

  31. Samblabs [#]

    cialis usa over the counter modafinil 1mg

  32. Wvgrrq [#]

    Fmgkbj – buy chloromycetin online Duaarb wsawqi

  33. puctapassurse [#]

    essay hook generator research paper online dissertation writing service dissertation help online https://paperwriterkjd.com/

  34. gaseSerryhar [#]

    https://samedayloanow.com/ payday loan debt https://paydaylendersww.com/ – california payday loan savings account payday loan

  35. free vidalista pills [#]

    free vidalista pills http://viidalista.co/

  36. gaseSerryhar [#]

    edit my essay https://essayhelperkdu.com/ – argument essay how to do your homework good essaybot what is a dissertation

CSSLab