I found the same question many times on SO. But none of them gave the answer I was looking for. You get the Placeholder in source file when you have one of these (where it says “String” with a blue background) in your code. A placeholder is for us programmers. It says “here should be … Read more
The :-ms-input-placeholder pseudo-class documentation from the Internet Explorer Developer Center seems to imply this is working as designed. The placeholder text is displayed with the specified style until the field has focus, meaning that the field can be typed into. When the field has focus, it returns to the normal style of the input field … Read more
You forget a :. Because of that, the whole selector got corrupted and didn’t work. http://jsfiddle.net/a96f6/87/ Edit: Seems like (after an update?) this doesn’t work anymore, try this: input::-webkit-input-placeholder{ color:red; } input:-moz-placeholder { color:red; } Note: don’t mix the vendor prefix selectors (-moz, -webkit, -ms, …). Chrome for example won’t understand “-moz-” and then ignores … Read more
The placeholder attribute You’re looking for the placeholder attribute. Use it like any other attribute inside your ASP.net control: <asp:textbox id=”txtWithHint” placeholder=”hint” runat=”server”/> Don’t bother about your IDE (i.e. Visual Studio) maybe not knowing the attribute. Attributes which are not registered with ASP.net are passed through and rendered as is. So the above code (basically) … Read more
You can do this for webkit: #text2::-webkit-input-placeholder::before { color:#666; content:”Line 1\A Line 2\A Line 3\A”; } http://jsfiddle.net/Z3tFG/1/
/* webkit solution */ ::-webkit-input-placeholder { text-align:right; } /* mozilla solution */ input:-moz-placeholder { text-align:right; }
I thought everything that was not JSF was passed to the browswer for rendering? This assumption is thus wrong. Unspecified component attributes are ignored by the JSF renderers. You have basically the following options to get it to work: If you’re already on JSF 2.2 or newer, set it as a passthrough attribute. <… xmlns:a=”http://xmlns.jcp.org/jsf/passthrough”> … Read more
Try this class: package playground; import java.awt.*; import javax.swing.*; import javax.swing.text.Document; @SuppressWarnings(“serial”) public class PlaceholderTextField extends JTextField { public static void main(final String[] args) { final PlaceholderTextField tf = new PlaceholderTextField(“”); tf.setColumns(20); tf.setPlaceholder(“All your base are belong to us!”); final Font f = tf.getFont(); tf.setFont(new Font(f.getName(), f.getStyle(), 30)); JOptionPane.showMessageDialog(null, tf); } private String placeholder; public … Read more
For <textarea>s the spec specifically outlines that carriage returns + line breaks in the placeholder attribute MUST be rendered as linebreaks by the browser. User agents should present this hint to the user when the element’s value is the empty string and the control is not focused (e.g. by displaying it inside a blank unfocused … Read more
It may not be appropriate… but it helped me. <input placeholder=”Date” class=”textbox-n” type=”text” onfocus=”(this.type=”date”)” id=”date”>