DOM--表单

表单

1.获取表单元素

1.const form = document.getElementById();
2.const form = document.querySelector();
3.const form = document.forms[index];
4.const form = document.formName();　

2.表单元素

有Value 值的才称为表单元素，label datalist不属于表单元素

3.表单字段，表单域

1.input 
2.textarea 
3.select
4.button 
5.fildset

4.标志性属性

1.disabled  禁用 
2.autofocus 自动获取焦点
3.selected 下拉框默认选中     =======》multiple下拉框的多选
4. checked 单选框默认被选中 
5.readonly  只读
HTML中只写属性就能生效，在JS中需要赋值才能生效  Boolean值

5.表单事件

1.onfocus  获取焦点时发生的
2.onblur   失去焦点发生的
3.onchange 内容改变时发生的
4.oninput  输入内容，发生触发
5.onsubmit  表单内容提交时
6.onreset   重置

下拉列表

1. 获取所有option

   let select = document.querySelector("select");

2. 获取某一个option

   select.options[index];

3. 获取选中的option

   let i = select.selectedIndex;
       console.log(select[i]);

4. 获取选中的option的value值

   select.value

5. 构造函数

   5.1构造函数
   let opt = new Option();
   5.2新增，渲染
      5.2.1 parentNode.appendChild();
      5.2.2 parentNode.options.add(opt);
   5.3删除某个option
      parentNode.options.remove(Index);

6. 修改value和text

   select.options[Index].value = " ";   //修改某个option的value
   select.options[Index].text = " ";    //修改某个option的text