多语言展示
当前在线:826今日阅读:60今日分享:41

password对象如何使用readonly属性?

password对象readonly属性是设置或返回密码字段是否应当是只读的如何readonly设置为true则是只读
工具/原料
1

编辑器

2

浏览器

方法/步骤
1

创建一个名称为password_readonly   的html文件

2

添加一个input元素 设置input类型为password设置id为 my_password_id_readOnly,设置readonly属性为true

3

添加一个button按钮,在点击事件中加入自定义函数my_password_readOnly 添加一p标签,设置id 为 show_password_readOnly

4

在javascript中创建一个自定义函数   my_password_readOnly

5

在自定义函数中获取input password对象。用 readonly获取属性值,将获取的结果添加到p标签中显示

6

在浏览器中打开文件password_only,点击button查看获取readonly属性值效果

注意事项

可以在自定义函数中设置readonly的属性

推荐信息