textarea对象如何使用cols属性

时间:2024-10-12 11:50:35

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

textarea对象如何使用cols属性

2、添加一个 textarea文本区域对象 设置id为 my娄多骋能_textarea_id_cols,设置cols的值为40.

textarea对象如何使用cols属性

3、添加一个button按钮,在button的click点击糙怍牢莱事件中加入自定义函数名称为my_textarea_cols,点击button时触发my_textarea_cols函数,添加一个p标签,设置p标签id 为 show_textarea_cols显示返回的cols属性值。

textarea对象如何使用cols属性

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

textarea对象如何使用cols属性

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

textarea对象如何使用cols属性

6、在浏览器中打开文件 textarea_cols,点击button查看textarea文本区域的长度效果

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