如何放置占位符的文本？

Question

字段包含placeholder：

<input type="text" name="clt_cin_pass" id="clt_cin_pass" maxlength="25" placeholder="CIN/Passeport" value="foo" />

如何将placeholder的文字CIN/Passeport放在字段右侧？

Answer 1

我为你创建了一个jsFiddle pheromix，

https://jsfiddle.net/69sp620q/1/

HTML

<input type="text" name="clt_cin_pass" id="clt_cin_pass" maxlength="25" placeholder="CIN/Passeport" />

CSS

input[type='text']{
text-align:right;
}

当然，你可以更新它以定位一个类而不仅仅是所有输入标签

Answer 2

＆＃13;

＆＃13;

/* webkit solution */
::-webkit-input-placeholder { text-align:right; }
/* mozilla solution */
input:-moz-placeholder { text-align:right; }

＆＃13;

<input type="text" name="clt_cin_pass" id="clt_cin_pass" maxlength="25" placeholder="CIN/Passeport" value="" />

＆＃13;

＆＃13;

＆＃13;