javascript中表单(form)的常见操作

JavaScript中表单（form）的常见操作主要有：

1. 表单元素的获取与操作

// 获取表单
var form = document.getElementById('form1');
// 获取表单元素
var element = form.elements[0];
// 设置表单元素的值
element.value = '设置的值';
// 获取表单元素的值
var value = element.value;

2. 表单提交的操作

// 提交表单
form.submit();
// 重置表单
form.reset();

3. 表单验证的操作

// 表单验证
if(form.checkValidity()){
    // 验证通过
}else{
    // 验证失败
}

4. 表单元素的创建与添加

// 创建一个新的表单元素
var element = document.createElement('input');
// 设置表单元素的属性
element.type = 'text';
element.name = 'newElement';
element.value = '新的表单元素';
// 添加表单元素到表单中
form.appendChild(element);

5. 表单元素的移除

// 移除表单元素
form.removeChild(element);

6. 表单元素的事件处理

// 为表单元素添加事件处理函数
element.onclick = function(){
    // 事件处理代码
};

7. 表单元素的样式操作

// 设置表单元素的样式
element.style.width = '200px';
element.style.height = '30px';