输入框左侧加一个缩进(padding-left)空出图标空间，
1.如果图标是图片文件，作为输入框的背景图，不重复(no-repeat)，通过background-position调整图标位置
2.如果是字体图标，跟输入框放在同一个容器里，通过绝对定位，移动到相应位置
当然，图片文件的图标也可以用方法2，这样就能用雪碧图了
用CSS怎么能写输入框呢，CSS只是用来写样式的。要写输入框就用HTML的<input>标签。例如：<input type="text" name="username" />
<input type="password" name="password">
设置的方法和详细的操作步骤如下：
1、第一步，使用sublime
text2创建一个用于测试的新HTML页面，见下图，转到下面的步骤。
2、第二步，完成上述步骤后，在网页上添加标签和输入框，见下图，转到下面的步骤。
3、第三步，完成上述步骤后，预览效果，可以知道默认宽度为10，见下图，转到下面的步骤。
4、第四步，完成上述步骤后，通过设置size属性来修改宽度，见下图，转到下面的步骤。
5、第五步，完成上述步骤后，再次预览效果，宽度减小了，见下图，转到下面的步骤。
6、第六步，完成上述步骤后，如果修改其他内容需要添加“style”属性，见下图，转到下面的步骤。
7、第七步，完成上述步骤后，预览最终效果，可以看到宽度和高度已更改，见下图。这样，就解决了这个问题了。
