html文本框代码是web前端开发时经常用到的代码，广州网站建设镭拓科技也是搞web前端开发的，为了方便起见，就把搜集一些关于html文本框代码分享给大家，希望能在平时做web开发的时候加快开发时间。
第一种：用户在文本框中输入字母，程序在其上方能实时反映用户的输入
<html>
<body>
<div id="txtre" style="height:20px;"></div>
<input type=text id="txtuser" onkeyup="javascript:document.getElementById('txtre').innerHTML=this.value;">
</body>
</html>
第二种：网页上有一段英语文本，用户在文本框输入给定的文本，程序负责校验输入的正确性，并将输错的字符设为红色.
<html>
<head>
<script>
function checkword(tobj,dobj){
var val=document.getElementById('txtre').innerHTML;
var wor=tobj.value;
wor=wor.replace(/(^\s*)|(\s*$)/g,"");
var newval="";
for(var ii=0;ii<val.length;ii++){
var oneword=val.substring(ii,ii+1);
if(ii<wor.length){
if(oneword==wor.substring(ii,ii+1)){
newval+="<font color='green'>"+wor.substring(ii,ii+1)+"</font>";
}else{
newval+="<font color='red'>"+wor.substring(ii,ii+1)+"</font>";
}
}
}
dobj.innerHTML=newval;
}
</script>
</head>
<body>
<div id="txtre" style="height:20px;">hello!my name is lc.</div>
<div id="txtsr" style="height:20px;"></div>
<input type=text id="txtuser" onkeyup="checkword(this,document.getElementById('txtsr'))">
</body>
</html>
镭拓科技专注于广州网站建设、广州网站制作等服务，主要的开发程序语言是ASP.NET，为客户提供专业网站建设及网站营销推广方案，包括企业网站、手机网站、微信网站、学校网站、课程网站、政府网站及各行业网站等，如果您想更多的学习了解网站建设技巧，请继续关注：www.ratuo.com
