Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jquery修改input标签type属性

jquery修改input标签type属性

发布时间:2016-01-03   编辑:www.jquerycn.cn
本文介绍了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>

您可能感兴趣的文章:
jquery修改input标签type属性示例
jquery修改input标签type属性
html5中的meta标签的三要素是什么?meta标签的使用总结
HTML <label> 标签
HTML <input> 标签
最全的HTML5标签
HTML <label> 标签
HTML <input> 标签
用php生成HTML文件的类
详解HTML5新表单属性

关键词: input  jquery实例   
[关闭]