什么是表单?
HTML表单是一个包含表单元素的区域,用来收集用户输入的内容并提交,使用标签<form>来设置。一个表单里通常包括如下标签:
text 定义用于文本输入的单行输入字段(默认宽度为20个字符)
password 密码框
checkbox 多选按钮
radio 单选按钮
file 上传文件
date 日期
submit 提交
botton 普通按钮
reset 重置按钮
select 下拉选择
textarea 多行文本
hidden 隐藏域
常用表单标签
1.文本框
通过<input type="text"> 标签来设定,当用户要在表单中键入用户名、邮箱等少量内容时,就会用到文本域。
姓名:<input type="text" placeholder="用户名">
2.密码框
通过<input type="password"> 标签来设定,当用户要在表单中键入密码时用到
<input type="password">
3.单选框
通过标签<input type="radio"> 定义,例如下面选择性别
<input type="radio" name="gender" value="man">男
<input type="radio" name="gender" value="woman">女
4.多选框
通过标签<input type="checkbox">定义,例如下面选择爱好
<input type="checkbox" name="hobby" value="hobby1">dota
<input type="checkbox" name="hobby" value="hobby2">旅游
<input type="checkbox" name="hobby" value="hobby3">宠物
5.提交按钮
通过标签定义,用来提交表单的内容到<form>标签action属性的指定地址,数据传送的方式和目的地由<form>标签定义
<input type="submit">