HTML笔记补充———表单

HTML笔记补充

表单

HTML表单用于搜集不同类型的用户输入，是网页中提供用户输入或点击的小控件

HTML中一个完整的表单通常

• 表单域
• 提示信息
• 表单控件

由这三个部分构成。

表单域

< form >,负责盛放表单内所有元素，主要记住两个属性名和属性值

• action="url" 指定接收并处理表单数据的服务器程序的URL地址
• method="get/post"用于设置表单数据的提交方式

	<form action="data.php" method="get" name="123"></form>

表单元素

input标签：

​ 作为一个重要的表单元素，是一个单标签，本身相当于一个特殊的文本，通过标签属性实现 其一些常用的功能，其主要有：

• 属性名type
  • 属性值text
  • password
  • radio单选框
  • checkbox复选框
  • button普通按钮
  • reset重置按钮
  • submit提交按钮
  • image图像形式的按钮
• name 输入控件的名称
• value 定义控件的默认文本值
• size 定义控件的宽度
• maxlength定义允许输入的最多字符数

label标签

将表单的元素绑定其他元素去提高点击范围

绑定方法一：

给表单元素设置id

<input type="radio" name="sex" checked="checked" id="nan">男

在表单元素后面设置label标签，for属性值和id一致,如下

<input type="radio" name="sex" checked="checked" id="nan"><label for="nan">男</label>

绑定方法二：

适用：要绑定的表单元素挨着时，这样会比较方便

直接使用label标签进行包裹：

<label<<input type="radio" name="sex" checked="checked" id="nan">男</label>