养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

textarea对象如何使用cols属性

时间:2024-10-30 11:24:24

textarea对象cols属性是设置或返回文本区域的现实长度,属性值为正整数

textarea对象如何使用cols属性

工具/原料

1.编辑器:notepad++v.7.7.1

2.浏览器:百度浏览器8.7.5000.4983

方法/步骤

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_c艺皱麾酪ols)获取textarea文本区域对象。用cols属性返回文本区域的长度,将获取的返回值添加到p标签中显示。

textarea对象如何使用cols属性

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

textarea对象如何使用cols属性

© 一点知识