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

textarea对象如何使用placeholder属性

时间:2024-10-19 15:52:24

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

textarea对象如何使用placeholder属性

2、添加一个 textarea文本区域对象 设置id为 my_textarea_id_placeholder,添加placeholder属性设置值为“这是文本区域的placeholder提示语”

textarea对象如何使用placeholder属性

3、添加一个button按钮,在button的click点击事件中加入自定义函数名称为my_textarea_placeholder,添加一个p标签,设置p标签id 为 show_textarea_placeholder

textarea对象如何使用placeholder属性

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

textarea对象如何使用placeholder属性

5、在自定义函数中数通过文本区域id(my_textarea_id_placeholder)获取 textarea文本区域对象。用 placeholder 属性获取 文本区域的默认提示语,将获取的返回值添加到p标签中显示。

textarea对象如何使用placeholder属性

6、在浏览器中打开文件 textarea_placeholder ,点击button查看文本区域没有内容的时候默认的提示语效果

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