Html JqueryMobile将输入文本定位在图标图像旁边

我不熟悉jquery mobile和css

---

请参阅我的jsfiddle.net/mapsv3/kWJRw/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"/> 

它将如下所示：

---

链接一个JSFIDLE是可以的，但是您也应该在这里发布代码的重要部分。除了使用'style=“width:80%”之外，还可以使用css吗？我希望在JQueryMobile中保持100%的宽度。我正在移动平台上测试它，分辨率为320x480。如果有图标占据了屏幕的一部分，那么100%的文本框就无法放入页面。你不觉得吗？