HTML的表单标签

表单标签

目的是为了收集用户信息。

在我们网页中， 我们也需要跟用户进行交互，收集用户资料，此时也需要表单。

表单域：  
   他相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过它定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。

表单控件：
   包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。

提示信息：
   一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作。

表单结构：
<form action="" method="" name="" id="">
        
</form>

<form>标签创建供用户输入的表单。表单在网页中主要负责数据采集功能。
    
name属性：表单的名称。 
action属性：请求路径的具体地址  
method属性：规定用于发送的 HTTP 方法。实际上就是请求的方式。

form中method属性的属性值有哪两个？优缺点是什么？（5分）
post, get
post:安全级别高，容量大，速度慢
get:安全级别低，容量小，速度快

input 控件

在上面的语法中，<input />标签为单标签，type属性为其最基本的属性，其取值有多种，用于指定不同的控件类型。除了type属性之外，<input />标签还可以定义很多其他的属性，其常用属性如下表所示。

1、文本框输入标记（单）
<input  type=”text”>
2、密码框输入标记（单）
<input type=”password”>
3、单选框输入标记（单）
<input  type=”radio” name=”” >
	注意：在同一个选项组内，每个选项中的name值必须相同
4、复选框输入标记（单）
<input type=”checkbox”>
	默认被选中的属性：checked

5、日期输入标记（单）
<input type=”date”>
6、文件域输入标记（单）
	作用：让网页浏览者上传文件到网页上
<input type=”file”>

7、普通按钮输入标记（单）
<input type=”button” value=”文字内容”>
8、提交按钮输入标记（单）
<input type=”submit” value=”内容”>
9、重置按钮输入标记：（单）
<input type=”reset”>
10、图片按钮输入标记：（单）
<input type=”image” src=”” width=”” height=””/>
附加：
placeholder   占位符
该提示会在输入字段为空时显示，并会在字段获得焦点时消失。

label标签

label 标签为 input 元素定义标注（标签）。

作用： 用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点

如何绑定元素呢？

for 属性规定 label 与哪个表单元素绑定。

<label for="a">姓名：</label>
<input type="text" id="a">

textarea控件

如果需要输入大量的信息，就需要用到<textarea></textarea>标签。通过textarea控件可以轻松地创建多行文本输入框，其基本语法格式如下：

<textarea cols="每行中的字符数" rows="显示的行数">
  文本内容
</textarea>

下拉菜单

使用select控件定义下拉菜单的基本语法格式如下

<select>
  <option>选项1</option>
  <option>选项2</option>
  <option>选项3</option>
  ...
</select>

注意：

1. <select></select>中至少应包含一对<option></option>。
2. 在option 中定义selected =" selected "时，当前项即为默认选中项。

扩展

<input type="email" name="" />
<input type="url" name="" />
<input type="number" name="" min="1" max="10" />
<input type="range" name="points" min="1" max="10" />
<input type="date">
<input type="month">
<input type="week">
<input type="datetime">
<input type="color">
属性：
1. disabled属性规定应该禁用input元素。

2. maxlength属性规定输入字段的最大长度，以字符个数计
注意：该属性只能与type="text"或type="password"的input元素配合使用

3.value 属性为 input 元素设定值。
    对于不同的输入类型，value 属性的用法也不同：
    type="button", "reset", "submit" - 定义按钮上的显示的文本
    type="text", "password",- 定义输入字段的初始值
    type="checkbox", "radio", "image" - 定义与输入相关联的值
    注释：<input type="checkbox"> 和 <input type="radio"> 中必须设置 value 属性。
    注释：value 属性无法与 <input type="file"> 一同使用。

4.name属性：控件的名字，一个控件是否设置它的name属性是不会影响到这个网页的功能实现的。但是，当我们需要把这个控件所关联的数据传递到数据库时，就必须要设置name属性。

5.Required  必填项属性