Hello, I have a login form and there is a remember me checkbox option, but there isn't enough space so i need to delete remember me label for checkbox. Do i have any chance to make a hover text for checkbox, so when a user hovers on checkbox it will write Remember me as hover text?
If you're building the form, MAKE THE ROOM! Dicking around trying to show/hide a label on something is NOT good usability -- it's as bad as abusing placeholder in place of a label. If you are qualified at ALL to be writing the markup for the form or applying style to it, you should be able to make room for TWO WORDS. Making the description of a checkbox be contextual is just pissing on the accessibility -- JUST like not having proper labels on EVERYTHING does, no matter what the artsy fartsy types might get a raging chodo for. Oh noes, you haz to addz ans xtra line -- not that. That said if you REALLY insist on pissing on the usability of the page: <label class="showHideLabel"><input type="checkbox" name="rememberMe"><span>Remember Me</span></label> .showHideLabel span { display:none; } .showHideLabel:hover { display:inline; } Beware though that (or using title) leaves people not using the mouse to get around high and dry which is why it's rubbish. You COULD add: .showHideLabel input:focus+span { display:inline; } But that wont' work in legacy browsers, ALSO making it rubbish. See halfwit nonsense like: <input type="text" name="username" placeholder="user name"> or worse the scripttard version of that dicking with the value attribute. Idiotic halfwit ignorant BS hence: http://www.pardot.com/faqs/forms/placeholders-and-labels/ http://www.webaxe.org/placeholder-attribute-is-not-a-label/ http://www.nngroup.com/articles/form-design-placeholders/ http://www.paciellogroup.com/blog/2011/02/html5-accessibility-chops-the-placeholder-attribute/ ... or even the HTML 5 specification itself: http://www.w3.org/html/wg/drafts/html/master/semantics.html#the-placeholder-attribute What you suggest doing by hiding that text until the element is selected or worse, hovered, has all the same accessibility failings as "placeholder as a label", with many extra failings heaped atop it falling clearly under the "loss of context" category of "false simplicity" http://baymard.com/blog/false-simplicity Just don't do it. If there's "no room", MAKE the bloody room for the label! If you "can't" -- well, then why are you even trying to make a form?