手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

text对象如何使用readonly属性

时间:2024-11-01 12:33:15

1、创建一个名称为 text_readonly 的html文件

text对象如何使用readonly属性

2、添加一个input元素 设置input类型为text设置id为 my_text_id_readOnly

text对象如何使用readonly属性

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

text对象如何使用readonly属性

4、在javascript中创建一个自定义函数 my_text_readOnly

text对象如何使用readonly属性

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

text对象如何使用readonly属性

6、在浏览器中打开文件 text_only,点击button查看效果

text对象如何使用readonly属性
© 手抄报圈