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

textarea对象如何使用maxlength属性

时间:2024-10-12 07:44:20

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

textarea对象如何使用maxlength属性

2、添加一个 textarea文本区域对象 设置id为 my娄多骋能_textarea_id_maxlength,添加maxlength属性设置值为40。

textarea对象如何使用maxlength属性

3、添加一个button按钮,在button的click点击糙怍牢莱事件中加入自定义函数名称为my_textarea_maxlength,添加一个p标签,设置p标签id 为 show_textar髫潋啜缅eamaxlength。

textarea对象如何使用maxlength属性

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

textarea对象如何使用maxlength属性

5、在自定义函数中数通过文本区域id(my_textarea_id_maxlength犬匮渝扮)获取 textarea文本区域对照滠跋诵象。用 maxlength 属性获取 该文本区域允许输入最大字符数量,将获取的属性值添加到p标签中显示。

textarea对象如何使用maxlength属性

6、在浏览器中打开文件 textarea_maxlength,点击button查看获取文本区域最大字符数量效果

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