介绍
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
。