Question

html css+div 文本框的初始值 , 怎么设置成不可以删除的

html css+div 文本框的初始值 , 怎么设置成不可以删除的 , 即使删除了 , 初始值还可以回来 ! 在线等

Answer 1

我能想到的就两种方法，如下
<input type="text" id = "name" value = "我是不能删改变的" readonly="ture">
//设置了readonly属性，input不可改。
<input type="text" id = "name1" value = "你改了我也没有用" onblur="change()">
<script>
function change(){
document.getElementById("name1").value="你改了我也没有用"
}

</script>
//这种是可以改的，只不过当焦点离开以后通过js又改回去了。你只要把写汉字的两个地方换成你自己的value就可以了。
刚看了你对楼上的追问，发现我这两种方法也不行，要不你这样写吧，

你试试成不成。

追问

嗯 , 你这是用js强行把value,给附上值, 但我的意思是呢 value 的值你用js定的是 "你改了我也没有用" , 我想要的效果是呢 ! 文本框的初始值是 http:// , 我输入一个值 www.baidu.com , 文本框最终的值是 http://www.baidu.com ! 苦恼死我了 , 帅哥费心了 !

Answer 2

<input id="text" value="http://" onblur="change(this)" onkeyup="change(this)"/>
function change(obj) {
var text = obj.value; // 获取input的值
if (text.match(/^http/gi) == null) { // 判断是否以http开头
obj.value = "http://" + text; // 不以http开头，则http:// + 文本
}
}

Answer 3

还是按照水孤狼的思路，每次键盘输入后，判断内容，看到如果没有http://在前，则加上（这里面可能涉及网站有效性的判断之类，可以搜个相关js正则解决）。
没输就显示：<input id="the_url" value="http://" onchange="check_the_url();" />
在js的代码
function check_the_url(){
var v=document.getElementById("the_url").value;
//这里对v进行判断。
//整理后得v2，格式化了的。
document.getElementById("the_url").value=v2;
}

Answer 4

<input value="dfdf" readonly="true" />
readonly="true" 这个属性写上就不可以删除了。

追问

饿 , 这不把文本框锁死了吗? 文本框里有初始值,但还可加文字的
初始值:http:// http://是不可以删除的 还可以在后边加上别的东西的