`

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>
分享到:
评论

相关推荐

    input type=file 显示的浏览 改成英文

    首先,我们需要理解`&lt;input type="file"&gt;`的基本结构和属性。这个标签创建了一个可以点击的区域,用户可以通过点击打开本地文件选择对话框。默认情况下,这个标签的外观和行为由浏览器控制,但我们可以使用CSS和...

    用jquery设置按钮的disabled属性的实现代码

    在jquery中可以使用attr()函数修改按钮的disable属性 $(“#test”).attr(‘disabled’,false); jquery 控制button的disabled属性 代码如下: $(‘#button’).attr(‘disabled’,”true”);添加disabled属性 $(‘#...

    ie8下修改input的type属性报错的解决方法

    在本文中,我们讨论的是一个常见的前端开发问题,即在IE8下尝试动态修改`&lt;input&gt;`标签的`type`属性时遇到的错误。在其他现代浏览器如Chrome、Firefox以及IE9及更高版本中,可以正常地通过JavaScript或jQuery的`attr...

    jQuery回车创建创建标签代码.zip

    在本文中,我们将深入探讨如何使用jQuery来实现一个功能丰富的标签管理系统,该系统支持用户通过回车键创建、初始化、编辑、删除以及禁用标签。这个功能对于网站或应用程序的用户体验提升有着显著的作用,尤其在内容...

    jquery常用的标签

    - `$("input[name]")`:选取所有带有`name`属性的`&lt;input&gt;`元素。 - `$("a[target=_blank]")`:选取所有目标链接在新窗口打开的`&lt;a&gt;`标签。 ### 2. 操作DOM元素 #### 获取和设置属性 - **获取和设置值**: - `$...

    日期控件(input输入框)

    首先,我们需要了解HTML中的`&lt;input&gt;`标签,它可以用来创建各种类型的输入控件,包括日期输入。通过设置`type="date"`属性,我们可以创建一个日期选择器。例如: ```html &lt;input type="date" id="myDate"&gt; ``` 这...

    js与jquery获取input输入框中的值实例讲解.docx

    ### JS与jQuery获取Input输入框中的值实例讲解 #### 一、引言 在Web开发中,经常需要处理用户输入的数据。JavaScript 和 jQuery 是前端开发中最常用的两种工具,它们提供了强大的功能来操作DOM(文档对象模型),...

    jquery 中文使用说明

    &lt;input type="text" id="datePicker"&gt; $(function() { $('#datePicker').datepicker(); }); ``` 总结,jQuery 以其高效、简洁的特性在前端开发中占据重要地位。掌握 jQuery 的基本用法和核心概念,能极大地提高...

    js动态修改input输入框的type属性(实现方法解析)

    然而,在Internet Explorer中,你会发现这个操作会失败,提示“无法得到type属性,不支持该命令”。 这是因为IE浏览器不允许直接修改`type`属性,但我们可以采取一种变通的方法:先移除原有的`&lt;input&gt;`元素,然后...

    jQuery表单浮动文字标签代码.zip

    首先,HTML5在表单控件方面进行了显著改进,新增了诸如`&lt;input type="email"&gt;`、`&lt;input type="date"&gt;`等新类型,可以自动校验输入的数据格式。然而,对于更复杂的验证需求,例如实时提示错误信息,我们就需要借助...

    jQuery ui input滑动条制作房屋表单搜索条件滑动条

    本文将深入探讨如何利用jQuery UI中的input滑动条功能来创建一个房屋表单搜索条件的滑动条。通过这个功能,用户可以更直观地调整和选择他们对房屋搜索的特定条件,例如价格范围、房间数量等。 首先,我们需要在项目...

    获取input标签的所有属性的方法

    // 选择器选取input标签,并获取value属性 var value = $("input[name='btnAdd']").attr("value"); ``` 在这里,`$("input[name='btnAdd']")`选择了name属性为'btnAdd'的`&lt;input&gt;`标签,然后`attr("value")`...

    jquery动态禁用label标签rar

    这可以通过jQuery的`$('selector')`方法完成,例如`$('input[type="checkbox"]')`和`$('label')`。 2. **添加事件监听器**:接着,为checkbox添加一个change事件监听器,当checkbox的状态改变时触发。使用`.on('...

    jquery对所有input type=text的控件赋值实现方法

    在本例中,我们学习了如何使用 jQuery 选择器和 `each()` 函数来遍历并修改所有 `type="text"` 的 `input` 控件的值。这只是一个基础示例,实际上 jQuery 可以处理更复杂的场景,如异步请求、事件绑定等,是前端...

    JQuery实现动态表格点击按钮表格增加一行

    6. 表单元素的创建:在新插入的行中创建了文本输入框(`&lt;input type="text"&gt;`)以及按钮(`&lt;input type="button"&gt;`)。这些表单元素可以用于用户输入数据或触发事件。 7. 用户交互反馈:当用户点击“删除”按钮时,...

    jquery实现json数据填充到table表格中并且实现remove add 数据

    在IT行业中,前端开发是至关重要的一个环节,而jQuery库为开发者提供了强大的DOM操作、事件处理和动画制作等功能,使得JavaScript编程变得更加简单。本项目主要关注如何使用jQuery将JSON数据填充到HTML表格中,并...

    input样式-input

    在HTML中,`&lt;input&gt;` 元素通过 `type` 属性来指定不同的输入类型,其中 `type="file"` 表示文件输入类型。基本用法如下: ```html &lt;input type="file" name="file"&gt; ``` 此例中的 `&lt;input type="file"&gt;` 创建了一...

    Web前端开发技术-Jquery的属性和内容操作.pptx

    在Web前端开发中,jQuery库提供了丰富的API来简化DOM操作,包括对元素的属性和内容进行操作。本篇文章将详细讲解jQuery中关于属性和内容操作的几个关键方法:`prop()`、`attr()`以及`data()`。 首先,我们来看`prop...

    jquerymobile设计完整例子

    在这个例子中,我们可以看到如何利用`&lt;form&gt;`元素配合`&lt;input type="text"&gt;`(用户名)和`&lt;input type="password"&gt;`(密码)来创建输入框,再用`&lt;button&gt;`创建提交按钮。同时,jQuery Mobile 的数据属性如`data-role...

    jQuery Tools Dateinput使用介绍

    在这个示例中,`&lt;input type="date"&gt;`标签创建了日期输入控件,并通过JavaScript使用`.dateinput()`方法来初始化这个控件。`.dateinput()`方法的配置对象中,可以设置语言、日期格式和日期偏移量。例如,`lang:'zh-...

Global site tag (gtag.js) - Google Analytics