自动填写表单是一种常见的需求,特别是在一些需要重复填写相同信息的场景中,如注册、下单等。利用JavaScript可以很方便地实现自动填写表单的功能。
1. 获取表单元素
const form = document.querySelector('form');
2. 填写表单
// 填写input类型的表单
form.querySelector('input[name="name"]').value = '张三';
form.querySelector('input[name="age"]').value = '18';
// 填写select类型的表单
form.querySelector('select[name="city"]').value = '北京';
// 填写radio类型的表单
form.querySelector('input[name="gender"][value="male"]').checked = true;
// 填写checkbox类型的表单
form.querySelectorAll('input[name="hobby"]').forEach(hobby => hobby.checked = true);
3. 提交表单
form.submit();
const form = document.querySelector('form');
form.querySelector('input[name="name"]').value = '张三';
form.querySelector('input[name="age"]').value = '18';
form.querySelector('select[name="city"]').value = '北京';
form.querySelector('input[name="gender"][value="male"]').checked = true;
form.querySelectorAll('input[name="hobby"]').forEach(hobby => hobby.checked = true);
form.submit();
以上代码会自动填写表单并提交。