HTML onBlur="checkpwd(psw)" infpwd.classNnme=

html-css07

HTML onBlur="checkpwd(psw)" infpwd.classNnme=,第1张

HTML onblur 事件属性是当用户离开输入字段时对其进行验证。onblur 属性在元素失去焦点时触发。

onBlur="checkpwd(psw)" 就是用户输入完毕，离开输入框的时候，触发js代码checkpwd(psw)，后面的你可能省略了某些代码， infpwd.className="font_error" 应该也是js中的，作用是改变输入框的css样式为font_error。

看看是不是要这个效果：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<title> New Document </title>

<meta name="Generator" content="EditPlus">

<meta name="Author" content="">

<meta name="Keywords" content="">

<meta name="Description" content="">

</head>

<body>

 <input type="text" id="txt"><br>

 <div id="msg" style="display:noneborder:1px dotted bluewidth:300px">

  <span>这里是第1行数据</span><br>

  <span>这里是第2行数据</span><br>

  <span>这里是第3行数据</span><br>

  <span>这里是第4行数据</span><br>

  <span>这里是第5行数据</span><br>

  <span>这里是第6行数据</span><br>

  <span>这里是第7行数据</span><br>

  <span>这里是第8行数据</span><br>

  <span>这里是第9行数据</span><br>

  <span>这里是第10行数据</span><br>

 </div>

 <script language="JavaScript">

 <!--

  var flag = false

  var txt = document.getElementById("txt")

  var div = document.getElementById("msg")

  txt.onblur = function() {

   if (!flag)

   {

    div.style.display = "none" 

   }

  }

  txt.onfocus = function() {

   div.style.display = "block"

   flag = true

  }

  var spans = div.childNodes

  for (var i=0i<spans.length  i++)

  {

   spans[i].onclick=function() {

    txt.value = this.innerText

    div.style.display="none"

   }

  }

  

 //-->

 </script>

</body>

</html>

JS 是前台运行在客户端也就是浏览器，PHP 是后台运行在服务器，JS 和 PHP 可以通过 表单，URL 传值 进行 同步的 数据交换，也可以通过AJAX 异步数据交换，但不能简单的调用！

可以在数据交换中加入相关信息，间接操作，也算调用吧