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/