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

range对象如何使用form属性

时间:2024-10-14 00:27:51

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

range对象如何使用form属性

2、添加一个input元素 设置input类型为range设醅呓择锗置id为 range_form_name,添加一个表单并设置表单名称为range_form_name

range对象如何使用form属性

3、添加一个button按钮,在点击事件中加入自定义函数my_range_form添加一p标签,设置id 为 show_range_form

range对象如何使用form属性

4、在javascript中创建一个自定义函数 my_range_form

range对象如何使用form属性

5、在自定义函数中获取input range对象。用form属性获取表单对象,在用表单艘绒庳焰name属性获取滑块字段所在的表单名,将获取的结果添加到p标签中显示

range对象如何使用form属性

6、在浏览器中打开文件,点击button查看range滑块所在表单名称效果

range对象如何使用form属性
© 手抄报圈