HTML表单简介

什么是表单？

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">