文本框代码

来源：百度知道 编辑：UC知道 时间：2024/07/13 05:22:56
一:说明：用户在文本框中输入字母，程序在其上方能实时反映
用户的输入。

二:网页上有一段英语文本，用户在文本框输入给定的文本，
程序负责校验输入的正确性，并将输错的字符设为红色.

一:

<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>";
}