你有没有这种需求，文本输入框中的内容，前半部分保持不变，只让用户操作后半部分，如果有就来看看我的实现方法，很简单的方法
看到上图了吗？文本框的前半部分是没有办法修改的，用户只能在目前的域名后面进行输入，实现代码如下：
|
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，如需转载请自行联系原作者
