type=password属性

作者: 女王大人的天涯
来源: 51数据库
2020-04-21

1.HTML中input type="text"和type="password" 显示的长度不一样

是的，一个是以明文显示，一个是以符号（点号或星号）显示。

不过可以统一固定下宽高，写个样式调用即可。

.w150 {width:150px;height:30px;line-height:30px;}

两者代码设置如下：

<!doctype html>

<html>

<head>

<title>input属性显示</title>

<style>

.w150 {width:150px;height:30px;line-height:30px;}

</style>

</head>

<body>

text属性为明文：<input type="text" value="12345678" class="w150" /><br /><br />

password属性为密文：<input type="password" value="12345678" class="w150" />

</body>

</html>

2.input type="password" value 怎么写

js修改input的type属性有些限制。

当input元素还未插入文档流之前，是可以修改它的值的，在ie和ff下都没问题。但如果input已经存在于页面，其type属性在ie下就成了只读属性了，不可以修改。

在ff下仍是可读写属性。今天遇到个问题，输入框有默认值“密码”，但获得焦点时，“密码”两字会去掉，输入时直接变成”****“的password类型。

很明显，一开始的时候，input的类型是text，后来变成了password类型。直观的思路是用js修改input的type类型。

但ie下这么做不可行，所以只能换个思路，写两个input，一个text类型，一个password类型，分得监听onfocus和onblur事件。如下：<！doctype html="" public="" "-//w3c//dtd="" xhtml="" 1.0="" transitional//en"="" "1/dtd/xhtml1-transitional.dtd"="">无标题文档。

3.input 都要什么属性

HTML 有一个 input 元素可以用作文本输入控制（along with other form controls）. XUL 由一个类似的单行文本输入域.该元素是 textbox . 没有任何属性，， textbox 元素创建一个用户可以输入文本的框.与HTML input类似. 事实上， Mozilla将二者映射到同一个构件. 文本框的属性与HTML的input相同. 属性如下： * id 标识符. * class 按钮的样式类. * value 如果你要文本框具有缺省的文本，利用 value属性提供. * disabled 设置为false 会禁止文本输入. * type 你可以设定这个属性为特殊的值 password来建立一个隐藏输入的文本框 .通常用域输入口令. * maxlength 字符的最大长度。

4.input元素的属性type

type="text" =>；文本框

type="checkbox" =>；复选框（可以选中多个）

type="radio" =>；单选按钮

type="submit" =>；提交按钮

type="reset" =>；重置按钮

type="file" =>；文件按钮

type="hidden" =>；隐藏表单元素

type="image" =>；图片域

type="button" =>；普通按钮

转载请注明出处51数据库 » type=password属性