1、作用

将用户信息提交给服务器

创建表单

  1. <form action="提交地址" method="get/post">
  2.   用户名：<input type="text" name="username" /> 
  3.   <input type="submit" value="提交">
  4. </form>

如果希望表单项中到的数据提交到服务器中，还必须给表单向提供name属性

url地址 后面跟着 ?username=zhangsan (这种的叫做查询字符串)
属性名=属性值
多个名值对结构 使用 & 连接 `?username=zhangsan&password=12345**`

在提交按钮上 使用value值 可以修改按钮上的文字
文本框也可以用value=值，该值会作为文本的默认值显示

2、类型

  1. <input type="text" />   文本框
  2. <input type="password" />   密码框
  3. <input type="radio" name="sex" value="男"/>  男   单选按钮

单选按钮 通过name属性 进行分组， name属性相同的是一组

向这种需要用户选择的 不需要用户直接填写的表单项 必须指定value属性

  1. <input type="checkbox" />    多选框
  2. <input type="checkbox" name="sport" value="flyball"/>  羽毛球
  3. <input type="checkbox" name="sport" value="basketball"/>  篮球
  4. <input type="checkbox" name="sport" value="footbal"/>  足球

通过name属性 进行分组， name属性相同的是一组

<textareaname=""> </textarea> 多行文本框
设置多行文本框的大小 最好还是用 css样式进行 设置 width height

3、按钮

  • 重置按钮
  • 单纯的按钮
  • 提交按钮

    4、默认选中

    Ctrl + F5 强制清除缓存
    在下拉列表中使用

在单选和多选中使用
足球 默认选中

使用button也可以创建按钮


下拉列表

使用select创建一个下拉列表
在select标签中 填写列表项 

  1. <select name="star" >
  2. <option value="A">A</option>
  3. <option value="B">B</option>
  4. <option value="C">C</option>
  5. </select>
  6. 下拉列表的name属性需要给select而value 给option当给select  multiple="multiple"  属性时，变成多选的下拉列表
  7. <select multiple="multiple"></select>

对显示的项进行分组
  1. <optgroup label="张三家族">
  2.   <option value="">张三</option>
  3.   <option value="">李四</option>
  4. </optgroup>
  5. <optgroup label="李四家族">
  6.   <option value="">张三1</option>
  7.   <option value="">李四1</option>
  8. </optgroup>
  9. label  指定分组的名称

5、

在html中还为我们提供一个标签，专门用来选中表单中的提示文字

不用点框 ，直接点文字 也可以选择

在表单中可以使用

来为表单分组

  • 将不同表单进行分组【例如：个人信息放一组，志愿信息填一组】
  • 用户信息 在设置组名 一个圈左上角用户信息