Node与Express开发（第2版）

表单处理

｜

79

<form action="/process" method="POST">

<input type="hidden" name="hush" val="hidden, but not secret!">

<div>

<label for="fieldColor">Your favorite color: </label>

<input type="text" id="fieldColor" name="color">

</div>

<div>

<button type="submit">Submit</button>

</div>

</form>

需要注意的是，

<form>

标签里的方法明确指定为

POST

，如果没有指定，默认就是

GET

。

action

属性指定了（表单提交后）接收表单数据的

URL

。如果省略这个字段，那么表单将

被提交到加载这个表单的同一个

URL

。建议最好提供一个合法的

action

，即便你使用的是

Ajax

（这是为了避免数据丢失，更多信息参见第

22

章

）。

从服务器的角度来看，

<input>

字段中的

name

是个重要属性：这就是服务器标识字段的方

式。

name

属性跟

id

属性不一样，这一点一定要理解，

id

属性一般只用于样式和前端功能

（它不会被传到服务器）。

注意那个隐藏域：它并不会显示在浏览器上。但是你也不能将其用于密码或敏感信息，因

为用户只需查看页面源代码，隐藏域就一览无余了。

HTML

并不限制一个页面里有多少个表单

（很遗憾，早期一些服务器端框架就有这个限 ...