HTML之表单知识点总结

*前端第二课之表单~~

一：作用

标签用于为用户输入创建 HTML 表单，用于收集用户信息，实现用户和网页之间的对话

二：构成

(1)提示信息：是说明性的文字，提示用户如何进行操作，label。

(2)表单控件：是具体的功能项，input，select，textarea等。

(3)表单域：包含了提示信息和表单控件。

<form action="URL地址" method="提交方式" name="表单名称">
	      提示信息、表单控件
</form>

三：控件

（1)input控件：

A、单行文本框：

<input type="text" placeholder="提示信息" maxlength="最大输入长度" value="值"/>
		   

B、密码框：

<input type="password" placeholder="提示信息" maxlength="最大输入长度" value="值"/>

C、单选按钮：

 <input type="radio" value="值" name="名称" checked/>文字

D:复选按钮：

   <input type="checkbox" name="名称" value="值"> 文字

E、数字输入框：

  <input type="number" name="名称" value="值" max="最大值" min="最小值">
		   

G:颜色选择框

  <input type="color" name="名称">

H、图像控件：

  <input type="image" name="名称">
		   

I、文件控件：

   <input type="file" name="名称">
		   

J、隐藏控件：在页面上不显示，但是可以向服务器传递值

 <input type="hidden" name="名称" value="值">

K、按钮：

(a)提交按钮
单击该按钮后，会将表单信息(表单域中所有控件的值)提交给服务器(action指定的服务器)

   <input type="submit" value="按钮上的文字">

(b)重置按钮
单击该按钮后，会将表单信息(表单域中所有控件的值)回复到初始状态

   <input type="reset" value="按钮上的文字">

（c）普通按钮
单击该按钮时没有任何操作

<input type="button" value="按钮上的文字">

(2)select控件：

  <select>
		     <option value="值">选项</option>
			 <option value="值">选项</option>
			 <option value="值">选项</option>
		   </select>

(3)textarea控件：

<textarea name="名称" cols="列数" rows="行数"></textarea>