html里输入框和密码框的提示文字怎么弄

html-css09

html里输入框和密码框的提示文字怎么弄,第1张

<script type="text/javascript">

 $(document).ready(function(){

   $("#focus .input_txt").each(function(){

     var thisVal=$(this).val()

     //判断文本框的值是否为空,有值的情况就隐藏提示语,没有值就显示

     if(thisVal!=""){

       $(this).siblings("span").hide()

      }else{

       $(this).siblings("span").show()

      }

     //聚焦型输入框验证 

     $(this).focus(function(){

       $(this).siblings("span").hide()

      }).blur(function(){

        var val=$(this).val()

        if(val!=""){

         $(this).siblings("span").hide()

        }else{

         $(this).siblings("span").show()

        } 

      })

    })

    $("#keydown .input_txt").each(function(){

     var thisVal=$(this).val()

     //判断文本框的值是否为空,有值的情况就隐藏提示语,没有值就显示

     if(thisVal!=""){

       $(this).siblings("span").hide()

      }else{

       $(this).siblings("span").show()

      }

      $(this).keyup(function(){

       var val=$(this).val()

       $(this).siblings("span").hide()

      }).blur(function(){

        var val=$(this).val()

        if(val!=""){

         $(this).siblings("span").hide()

        }else{

         $(this).siblings("span").show()

        }

       })

     }) 

  })

</script>

假定密码是1234

<script>

if(prompt("请输入密码")=="1234"){

alert("密码正确")

location.href="2.html"

}else{

alert("密码错误")

location.reload()

}

</script>

HTML5 新增属性,浏览器版本低于IE8应该不支持

placeholder 属性

placeholder 属性规定用以描述输入字段预期值的提示(样本值或有关格式的简短描述)。

该提示会在用户输入值之前显示在输入字段中。

使用方法:

1

<input type="text" name="name" placeholder="请输入您的姓名">