[转]js修改input的type属性的问题

最新推荐文章于 2023-08-04 08:55:57 发布
最新推荐文章于 2023-08-04 08:55:57 发布
阅读量161 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/stephenykk/archive/2013/06/07/3123222.html
版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>阿当制作</title>
</head>
<style type="text/css">

</style>
<body>
<input name="" type="text" value="密码" class="inputText_1" id="tx" style="width:100px;" />
<input name="" type="password" style="display:none;width:100px;" id="pwd" />
<script type="text/javascript">
var tx = document.getElementById("tx"), pwd = document.getElementById("pwd");
tx.onfocus = function(){
if(this.value != "密码") return;
this.style.display = "none";
pwd.style.display = "";
pwd.value = "";
pwd.focus();
}
pwd.onblur = function(){
if(this.value != "") return;
this.style.display = "none";
tx.style.display = "";
tx.value = "密码";
}
</script>
</body>
</html>

转载于:https://www.cnblogs.com/stephenykk/archive/2013/06/07/3123222.html

dayanwu2842
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js动态修改input输入框的type属性及验证Email
04-19
NULL 博文链接：https://rd-030.iteye.com/blog/1873359
FileRreader js 读取 input[type=file] 内容， 直接显示文本 | 图片
学习笔记
10-16 1万+
js 读取input[type=file] 在 HTML 文档中 &amp;amp;amp;amp;amp;lt;input type=&amp;amp;amp;amp;quot;file&amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;gt; 标签每出现一次， 该元素包含一个文本输入字段，用来输入文件名， 还有一个按钮，用来打开文件选择对话框以便图形化选择文件。 该元素的 value 属性保存了用户指定的文件的名称，但是当包含一
js动态修改input输入框的type属性(实现方法解析)
10-26
本文是对js动态修改input输入框的type属性的实现方法。进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助
JS 动态修改 input 的 type 属性 - teresa502的专栏 - 博客频道 - CSDN.NET http://blog.csdn.net/teresa502/article/deta...
weixin_30414305的博客
02-22 139
JS 动态修改 input 的 type 属性 调用: $(“#uname”);可选参数class为获取焦点时input的class，但是清除密码的时候出了一个问题，用户输入的密码应该是 ”*****”，这里需要将input 的type 属性由 text 换成 password ，如果用户没有输入密码，鼠标失去焦点的时候 type换回 text ，value 值为 “密码”。 ...
更改input的type属性
java程序员的蜕变之路
11-10 9880
更改input的type属性
js修改input的type属性问题探讨
12-11
在本文中，我们将深入探讨在JavaScript中修改`input`的`type`属性的问题，以及如何解决不同浏览器间的行为差异。 首先，我们需要了解一些基本概念。`<input>`元素的`type`属性定义了输入框的类型，如`text`、`...
js修改input的type属性及浏览器兼容问题探讨与解决
10-27
js修改input的type属性有些限制,今天遇到个问题一开始的时候，input的类型是text，后来变成了password类型。直观的思路是用js修改input的type类型。但ie下这么做不可行，所以只能换个思路感兴趣的朋友可以了解下
ie8下修改input的type属性报错的解决方法
09-04
在本文中，我们讨论的是一个常见的前端开发问题，即在IE8下尝试动态修改`<input>`标签的`type`属性时遇到的错误。在其他现代浏览器如Chrome、Firefox以及IE9及更高版本中，可以正常地通过JavaScript或jQuery的`attr...
jQuery/Js动态修改Input的Type属性
╮(╯_╰)╭ Don't expect me to reply to you in time
12-03 9254
试图修改 Input 属性，如 $(this).attr('type','password'); 或 $(this)[0].type = 'password'; 都是不可以的   jQuery无法修改 Input 的 Type 属性，因为源码中： // We can't allow the type property to be changed (since itcauses ...
修改input的type属性
小白
06-06 766
以下的方法可能在某些版本的IE浏览器是不起效果的。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/jquery-1.11.0.min.js" type="text/javascript"></script></script> </head> <script
js 动态改变imput type属性
waixin的专栏
10-23 4282
 script type="text/javascript">    function shoppw(thebox)...{        var ps = document.getElementById(ps);        var pass = document.getElementById(pass);        ps.removeChild(pass);       
Javascript——＜input＞: 输入（表单输入）元素的type和样式属性
mintsolace的博客
08-19 2049
<label for="name">Name (4 to 8 characters):</label> <input type="text" id="name" name="name" required minlength="4" maxlength="8" size="10"> label { display: block; font: 1rem 'Fira Sans', sans-serif; } input, label {
JS 动态修改 input 的 type 属性
teresa502的专栏
09-26 3176
很久没来部落格了，杂草丛生广告横行啊！工作比以前轻松很多人却越来越懒了…… 最近做一个登陆框，当鼠标焦点放在两个输入框上面的时候将输入框置空，简单说就是清除输入框的默认值，如图 这里写了一个jQuery对象方法的插件 (function($) {       jQuery.fn.extend({           “clearDefault”:function(className
js改变input的type属性
大涛yt的博客
01-18 7332
jquery attr 行不通 js原生 setAttribute()可以 $("#log_code").get(0).setAttribute("type","text");
input-type属性详解
JV_YAN的博客
04-23 800
【input-type属性详解】         text：文本输入框         password：密码输入框，输入内容时显示小黑点。         radio：单选按钮。         checkbox:复选按钮。                     >>> name和value属性需同时存在，提交时，提交的是value中的属性值。                  
jq,js获取input 标签的type的类型
ccmedu的博客
11-12 1万+
<input type ="hidden" id = "id" value="xxx" name= "test" /> 获取input标签中type的类型js写法如下： var type = document.getElementById('Id').type type会等于'hidden'或者'text'或者'radio'等等。 jq的$("#id")....
javascript学习之＜input＞ 元素属性和方法
最新发布
白话机器学习
08-04 2948
input>元素主要用于表单组件，它继承了 HTMLInputElement 接口。
input标签的type属性汇总
热门推荐
夏天的博客
04-20 9万+
1.单行输入框< input type=“text”/> 单行文本输入框常用来输入简短的信息，如用户名、账号等，常用的属性有name、value、 maxlength。 2.密码输入框< input type=" password"/> 密码输入框用来输入密码，其内容将以圆点的形式显示。 3.单选按钮< input type=" radio"/> 单选按钮用于单项选择，如选择性别、是否操作等。需要注意的是，在定义单选按钮时，必须为同一组中的选项指定相同的name值，这样“
input type 介绍
田军的专栏
11-19 1428
Input表示Form表单中的一种输入对象，其又随Type类型的不同而分文本输入框，密码输入框，单选/复选框，提交/重置按钮等，下面一一介绍。1，type=text 输入类型是text，这是我们见的最多也是使用最多的，比如登陆输入用户名，注册输入电话号码，电子邮件，家庭住址等等。当然这也是Input的 默认类型。 参数name：同样是表示的该文本输入框名称。 参数size：输入框的...
js 改变 input type类型
05-31
要改变 input 元素的 type 类型，需要直接修改元素的 type 属性。例如，将一个 type 为 text 的 input 元素改为 type 为 password，可以使用下面的代码： ```javascript var inputElement = document....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值