html创建一个四行三列表单,3-1. HTML表单的用法

Form表单的作用

HTML 表单用于接收不同类型的用户输入，用户提交表单时向服务器传输数据，从而实现用户与Web服务器的交互。故其作用为数据采集。

表单必须要用form标签包围

...

单行输入文本框

placeholder可在输入框中显示提示信息，一旦输入数据，提示信息便会自动消失。

账号

密码输入

type="password"使得输入密码时显示为小圆点，有效保护信息安全。

密码

单选

注意，相同的name为一组选项。value值不能丢，否则后台没有信息。

性别 男 女

多选

注意，value值不能丢，否则后台没有信息。

爱好 读书 跑步 听歌

上传附件

可用accept限制文件类型。

上传头像

下拉菜单

选择城市 北京上海广州

多行文本框

自我介绍

PS：

hidden隐藏域

传递数据 但不让用户看到

安全策略 防止伪造页面 ，可以用hidden值做校验 阻止csrf攻击

按钮

reset为重置表单数据

提交

效果展示