表单与属性

1、概述

表单的作用：用于搜集不同类型的用户输入。

表单的组成：表单元素（控件）、表单区域。

2、表单区域

2.1 form标签

• 语法：

  <form></form>

• 作用：

  定义 HTML 表单域，是一个包含表单元素的区域。实现用户信息的收集和传递。举例说明：比如最为常见的交互操作，注册会员、跟帖留言或者文章发布等

• 注意：

  form表单实现上述操作是最为常见方式之一，也可以使用其他方式，比如ajax等

3、表单元素

表单元素是允许用户在表单中输入内容的标签，比如：文本域、下拉列表、单选框、复选框等。

3.1 input标签

• 概述：<input>标签是最重要的表单元素。type属性取值不同，可以展示出不同的表单形式。

• 作用：用来定义不同种类的输入控件

• 语法：

  <input type="类型">

• 常用类型

  • type="text"

    • 作用：用于文本输入的单行输入字段

      <input type="text" >

  • type="password"

    • 作用：定义密码字段

    <input type="password" value="密码">

    • 注意：密码字段字符不会明文显示会显示为星号或实心圆

  • type="radio"

    • 作用：定义单选按钮，允许用户在有限数量的选项中选择其中之一（需要指定单选按钮组）

      <input type="radio">

  • type="checkbox"

    • 作用：定义复选框，允许用户在有限数量的选项中选择零个或多个选项

      <input type="checkbox">

  • type="button"

    • 作用：定义普通按钮<