本文共 521 字，大约阅读时间需要 1 分钟。
你有没有这种需求，文本输入框中的内容，前半部分保持不变，只让用户操作后半部分，如果有就来看看我的实现方法，很简单的方法
看到上图了吗？文本框的前半部分是没有办法修改的，用户只能在目前的域名后面进行输入，实现代码如下：
| 1 2 3 4 5 6 | < HTML > < BODY > < label style = "margin-right: -245px;" >http://www.xingfuyinxiangphoto.com/</ label > < input style = "width: 350px; text-indent: 235px; transparent;" /> </ BODY > </ HTML > |
实现原理就是让label与input进行重合，把input的背景变成透明，这样label中的内容就会在输入框中显示出来，然后通过调节两者的位置来实现label中的内容不被修改，快去试试吧
| 1 | transparent;< / pre > |
这句话的含义就是让背景保持透明
本文转自sucre03 51CTO博客，原文链接：http://blog.51cto.com/sucre/1320254，如需转载请自行联系原作者