你有没有这种需求,文本输入框中的内容,前半部分保持不变,只让用户操作后半部分,如果有就来看看我的实现方法,很简单的方法

083347807.png

看到上图了吗?文本框的前半部分是没有办法修改的,用户只能在目前的域名后面进行输入,实现代码如下:

<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中的内容不被修改,快去试试吧

 transparent;< /pre>

这句话的含义就是让背景保持透明