18 comments

  • Danny KingDanny King, over 6 years ago

    What about inside and outside? e.g., http://blog.circleci.com/adaptive-placeholders/

    10 points
  • Michael SchultzMichael Schultz, over 6 years ago

    I feel like this is important in forms with over 2 fields. However, if the fields are simply username and password, I don't think there is any need for the extra labels.

    There are a few other examples of not needing this as well. I enjoy the thought of this article, but I'm not a fan of people saying "always do this".

    2 points
    • Marc EdwardsMarc Edwards, over 6 years ago

      Precisely what I was thinking when reading the article.

      Context, audience and form size help determine the best approach.

      1 point
  • Kevin HaggertyKevin Haggerty, over 6 years ago

    Definitely see the point here and the interesting takeaway here is that the label and placeholder are 2 different pieces of content: one describes the field, and the other describes what typical input looks like.

    This is more true the more complex the form. Likewise, simple logins or 2-field sign ups can get away with having placeholder only, since they are such common actions.

    2 points
  • Peter MainPeter Main, over 6 years ago

    I find if it's absolutely essential, it's better to add a persistent envelope icon or padlock just as a reminder.

    1 point
  • alec salec s, over 6 years ago

    I agree with this 100%.

    I made this (http://codepen.io/alec_schmidt/pen/ldpHG) experiment in an attempt to use the icon as the "label" since the user can probably connect the metaphor after they've input something and gone back.

    However, it really only works if there are a FEW text fields to remember and the icon metaphor is strong (mine aren't that strong). Admittedly it's mostly visual fluff :3

    0 points
  • Lance Gutin, over 6 years ago (edited over 6 years ago )

    Another solution similar to the ones suggested.

    0 points
  • Josh AustinJosh Austin, over 6 years ago

    Check out what @mds did with the Float Label Pattern. A lot of people have picked it up and built a lot of resources based on the pattern. See his post and look at the resources below:

    http://mattdsmith.com/float-label-pattern/

    0 points
  • Vincent MillikenVincent Milliken, over 6 years ago

    This is a big issue for me as I live in a country that their first language isn't english, so when its comes to filling in forms online that the site is in Dutch it becomes super difficult.

    Chrome will translate the full page but doesn't translate placeholders.

    0 points