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

textarea对象如何使用readonly属性

时间:2024-10-12 05:05:41

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

textarea对象如何使用readonly属性

2、添加一个 textarea文本区域对象 设置id为 my_textarea_id_readonly,添加readonly属性设置属性值为true 为只读状态

textarea对象如何使用readonly属性

3、添加一个button按钮,在button的click点击糙怍牢莱事件中加入自定义函数名称为my_textarea_readonly,添加一个p标签,设置p标签id 为 show_textare锾攒揉敫a_readonly

textarea对象如何使用readonly属性

4、在javascript中创建一个自定义函数,函数名称为 my_textarea_readonly

textarea对象如何使用readonly属性

5、在自定义函数中数通过文本区域id(my_textarea_id_readonly)畛粳棠奈获取 textarea文本区域对象。用 readonly 属性获取 文本区域是否为只读状态,将获取的返回值添加到p标签中显示。

textarea对象如何使用readonly属性

6、在浏览器中打开文件 textarea_readonly,点击button查看如果返回值是true则为只读状态,文本区域不可以编辑。

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