3-1. HTML表单的用法

Form表单的作用

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

表单必须要用form标签包围

...

单行输入文本框

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

密码输入

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

单选

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

多选

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

读书 跑步 听歌

上传附件

可用accept限制文件类型。

下拉菜单

多行文本框


PS:

hidden隐藏域

传递数据 但不让用户看到
安全策略 防止伪造页面 ,可以用hidden值做校验 阻止csrf攻击

按钮

reset为重置表单数据

效果展示

JS Bin

你可能感兴趣的:(3-1. HTML表单的用法)