通过date对象的form属性,可获取其所在日期选择框所属表单的引用。
1、 新建一个名为 date_form 的 HTML 文件。
2、 创建一个类型为日期的输入框,其ID设为obj_my_date_form,同时建立一个表单并指定其ID为dateformid,将该输入框放入此表单中,以实现日期数据的采集与提交功能。
3、 添加一个按钮,为其点击事件绑定自定义函数my_date_form。
4、 添加一个p标签,并将其id属性设置为show_date_form。
5、 在JavaScript中定义一个名为my_date_form的自定义函数,用于格式化日期输出。
6、 在自定义函数中,获取类型为date且id为obj_my_date_form的input元素。通过该元素的form属性取得id为dateformid的表单对象,再访问该表单对象的id属性值,最后将获取到的id值插入到p标签中进行展示。
7、 在浏览器中打开文件,点击按钮查看日期所在表单的ID显示效果。
评论
更多评论