Form表单的作用
HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户与Web服务器的交互。故其作用为数据采集。
表单必须要用form标签包围
...单行输入文本框
placeholder可在输入框中显示提示信息,一旦输入数据,提示信息便会自动消失。
账号
密码输入
type="password"使得输入密码时显示为小圆点,有效保护信息安全。
密码
单选
注意,相同的name为一组选项。value值不能丢,否则后台没有信息。
性别 男 女
多选
注意,value值不能丢,否则后台没有信息。
爱好 读书 跑步 听歌
上传附件
可用accept限制文件类型。
上传头像
下拉菜单
选择城市 北京上海广州
多行文本框
自我介绍
PS:
hidden隐藏域
传递数据 但不让用户看到
安全策略 防止伪造页面 ,可以用hidden值做校验 阻止csrf攻击
按钮
reset为重置表单数据
效果展示