JavaScript复习笔记 （八）表单&文件

一、表单

1. 控件类型：

• 文本框，<input type="text">，用于输入文本；
• 口令框，<input type="password">，用于输入口令；
• 单选框，<input type="radio">，用于选择一项；
• 复选框，<input type="checkbox">，用于选择多项；
• 下拉框，<select>，用于选择一项；
• 隐藏文本，<input type="hidden">，用户不可见，但表单提交时会把隐藏文本发送到服务器。

1. <input>节点，调用value可获得对应的用户输入值
2. 对于text、password、hidden以及select，直接设置value
3. 对于单选框和复选框，value属性返回的是HTML预设的值，对于用户是否“勾上了”选项，用 checked 判断

// <label><input type="radio" name="weekday" id="monday" value="1"> Monday</label>
var mon = document.getElementById('monday');
mon.value; // '1'
mon.checked; // true或者false

2. HTML5新增控件

常用的包括date、datetime、datetime-local、color等，它们都使用<input>标签

<input type="date" value="2021-12-02">
<input type="datetime-local" value="2021-12-02T20:21:12">
<input type="color" value="#ff0000">

不支持HTML5的浏览器无法识别新的控件，会把它们当做type="text"来显示。
支持HTML5的浏览器将获得格式化的字符串。

3. 表单提交

1️⃣ 通过<form>元素的submit()方法

function doSubmitForm() {