HTML表单目的
HTML表单通过form标签来实现,主要用于收集用户提交的信息,表单是一个包含表单元素的区域,用户可以在里面填写和提交信息。之后后台可以通过URL接受用户提交的信息,并进行处理。
form表单的制作
form标签,用于包裹所要提交表单的信息,所有要提交后台的属性都必须用"form"包裹。
- action 提交表单的地址。
- method 提交表单的方法。分别是"get"和"post"标签
input标签的输入
type标签,输入指定的值
- text普通文本输入框,单行输入。
- password输入的信息自动变为黑原点,通常用于密码输入。
- checkbox 多选框,靠name属性分组,要设置value,不设置value默认向后台传输值为on。
- radio 单选框,靠name属性分组,同一分组name必须相同,要设置value,不设置value默认向后台传输入值为on。
- file文件上传
- accept 与file联用,可指定上传文件的类型。
- textarea多行文本。
- hidden隐藏标签,向后台提交,用于安全验证。
- button提交标签。
- submit提交标签。
- reset重置标签。
- placeholder 输入框中的默认展示内容。
- name 标识一个input标签,其实就是上传数据时的key值。
- value 指定向后台传输的值。
- label标签
for 指定label绑定到哪个表单元素,比如在input标签中指定id值,将for=这个id值,这样label标签就能指向相应的input标签。 - select下拉标签
option选择标签,select的子标签。