html - JqueryMobile 在图标图像旁边放置输入文本

Question

我是 jquery mobile 和 css 的新手。

请参阅我的 jsfiddle.net/mapsv3/kWJRw/1/，如果我在左侧使用图标，输入文本会变得很奇怪，我看不到输入文本的结尾。

Answer 1

只需更改文本框的宽度，使其不会溢出。这里：

 <input style="width: 100%"  name="" id="txtEmail" placeholder="your email" value="" type="email"/> 

例如，您可以将宽度设置为 80%：

<input style="width: 80%"  name="" id="txtEmail" placeholder="your email" value="" type="email"/> 

它看起来像这样：

http://jsfiddle.net/kWJRw/4/