HTML表单及相关属性

目录

概述

表单元素

表单元素标签

input标签

type="text"

type=”password”

type=”radio”

type=”checkbox”

type=”button“

type=”submit”

type="reset"

type="image"

type="file"

textarea标签

select标签

表单元素属性 

name属性

value属性

readonly属性

disabled 属性

maxlength属性

selected 属性

size属性

表单元素标注

表单区域

form标签

form的属性

---

概述

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

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

表单元素

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

表单元素标签

input标签

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

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

• 语法：<input type="类型">

• 常用类型9种

  • type="text"

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

  • type=”password”

    • 作用：定义密码字段。

    • 注意：该字段中的字符被掩码（显示为星号或实心圆）

  • type=”radio”

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

  • type=”checkbox”

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

  • type=”button“

    • 作用：定义普通按钮

    • 注意：Value属性定义按钮显示的文本

  • type=”submit”

    • 作用：定义用于向表单处理程序提交表单的按钮

    • 注意：省略了提交按钮的 value 属性，该按钮将显示默认文本”提交”（不同浏览器表现不同）

  • type="reset"

    • 作用：定义重置按钮，将表单元素的value属性值重置为它最初的默认状态

    • 注意：省略了提交按钮的 value 属性，该按钮将显示默认文本”重置”（不同浏览器表现不同）

  • type="image"

    • 作用：定义图像形式的提交按钮。

    • 属性

      • src=""：指定图片地址

      • alt=""：指定替换文本

      • 注意：src 属性和alt 属性必须与 <input typ