表单和控件

获取表单

documen.forms.my;  //my是form的name属性值

获取表单里的元素

form.element.one; //one为表单元素中的name属性值

也可以直接通过form.name直接获取

通过元素反向引用表单

name.form  // name为元素的name属性值

表单控件

input 和textarea

我们可以通过 input.value（字符串）或 input.checked（布尔值）来访问复选框（checkbox）中的它们的 value。

select和option

select 有三个重要的属性：options、value、selectedIndex

1. select.options —— 的子元素的集合，
2. select.value —— 当前所选择的 的 value，
3. select.selectedIndex —— 当前所选择的 的编号。

<select id="select">
  <option value="apple">Apple</option>
  <option value="pear">Pear</option>
  <option value="banana">Banana</option>
</select>

<script>
  // 所有这三行做的是同一件事=>将Banan设置为预选中状态
  select.options[2].selected = true;
  select.selectedIndex = 2;
  select.value = 'banana';
</script>

表单的focus和blur事件

focus事件可用于再input中输入内容时使用，blur事件用于鼠标离开input,并点击了页面的其他地方。

tabindex属性

tabindex属性可以将不支持聚焦得元素变成可聚焦的元素，它的值为可以为-1 0 ，1，2，3。。。

且在按tab键去遍历的时候，tabindex的优先级会大于可聚焦元素（input a button）,tabindex为0和聚焦元素同级。