input和textarea都可以使用它的value值获取它的长度,也可以把value的值当做参数传。
<input type='text' value='' onkeyup='showup(this.value)'/>
function showup (str) {
// 执行的逻辑,这就可获取value的长度了
var xmlhttp;
if (str.length==0){
document.getElementById("txtHint").innerHTML="";
// 退出函数
return;
}
if (window.XMLHttpRequest){
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xmlhttp=new XMLHttpRequest();
} else {
// IE6, IE5 浏览器执行代码
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
// open有三个参数,第一个请求方式,第二个请求路径,第三个,异步或者同步,默认是异步
// 注意这个请求的参数,后面带一个参数q+str的value值,也就是输入框的value
xmlhttp.open("GET","/try/ajax/gethint.php?q="+str,true);
xmlhttp.send();
}
当你需要使用lable和input配合使用的话,不妨用一下from
<lable>请输入:<lable/>
<input type='text' value='' id=''/>
如果是from的话就不用lable了
<from>
请输入:<input type='text' value=''/>
<from/>