Javascript |（九）操作表单

介绍

  HTML表单的输入控件主要有以下几种：

• 文本框，对应的<input type="text">，用于输入文本；

• 口令框，对应的<input type="password">，用于输入口令；

• 单选框，对应的<input type="radio">，用于选择一项；

• 复选框，对应的<input type="checkbox">，用于选择多项；

• 下拉框，对应的<select>，用于选择一项；

• 隐藏文本，对应的<input type="hidden">，用户不可见，但表单提交时会把隐藏文本发送到服务器。
    

获取值

  获取一个表单节点的引用之后，可以通过value或者checked获得值。

<input type="text" value="hello world">

const input = document.getElementsByTagName('input')[0];
input.value // hello world;

  

设置值

  和获取值一样，获得一个表单节点的引用之后，可以直接设置value和checked。