jquery修改input标签type属性示例

发布时间:2020-08-08编辑:脚本学堂
本文介绍了jquery修改input标签中type属性的方法,jquery操作表单元素的例子,有需要的朋友参考下。

例子,jquery修改input标签type属性。
 

复制代码 代码示例:

<style>
.input_Login {
width: 100px;
height: 15px;
border: 1px solid #C3D9FF;
background: #ffffff;
padding: 2px 0 0 3px;
}
.px {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
}
.vm {
    vertical-align: middle;
}
.xg1 {
    color: #999999 !important;
}
</style>
密码:<input type="text" name="pwdPrompt" style='display:;height:22px;' type='text' class='input_Login px vm xg1'  value='请输入密码' /><input type="password" name="pwd" style='display:none;height:22px;' type='password' class='input_Login px vm xg1' />
    <script type="text/javascript">
   $("input[name=pwdPrompt]").focus(function () {
  $("input[name=pwdPrompt]").hide();
  $("input[name=pwd]").show().focus();


   });
   $("input[name=pwd]").blur(function () {
 
  if ($(this).val() == "") {
 $("input[name=pwdPrompt]").show();
 $("input[name=pwd]").hide();
  }
   })
</script>