logo

该视频仅会员有权观看

立即开通课程「Web前端页面基础」权限。

¥
199
/ 年

JavaScript 获取表单元素的值

在提交表单时,必须获取用户在表单元素中填写或选择的值,然后对这些数据进行处理,例如发送到后端服务接口。通过编写脚本,在文档中声明表单元素,并使用不同的querySelector和getElementsByName方法选中各种表单输入字段,如文本框、电子邮件、密码框、文件选择器、单选按钮和复选框。设置了事件监听器来处理表单提交事件,阻止默认行为,并获取各字段值。对于单选和复选按钮,会循环遍历选中项,并将勾选的选项值添加到数组中。最后,在控制台上输出所有表单元素的值,并在浏览器中进行测试,在控件中输入内容、选中单选按钮和复选框后点击提交,会在控制台输出所有表单值。