表单

表单：

1.使用表单目的是为了收集用户信息

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

现实中的表单：

 

 

网页中的表单：

 

 

 

 

 

 

 在HTML中，一个完整的表单通常由表单域、表单控件（也称表单元素）和提示信息3个部分构成

 

 表单域：

表单域是一个包含表单元素的区域

在HTML标签中，<form>标签有于定义表单域，以实现用户信息的收集和传递

<form>会把它范围内的表单元素信息提交给服务器

基本形式：

<form action="url地址" method="提交方式" name="表单域名称">

     各种表单元素控件

</form>

 

表单控件：

<input> 表单控件     <input  type="属性值"/>

 

 

 

<input type="text" name="......."  value="......"  />

1.name和value 是每个表单元素都有的属性值，主要给后台人员使用

2.name 表单元素的名字，要求 单选按钮和复选框要有相同的name值

3.checked属性主要针对于单选按钮和复选框，主要作用一打开页面，就可以默认选中某个表单元素

4.maxlength是用户可以在表单元素输入的最大字符数，一般较少使用 

 

<label>标签：

<label>标签用于绑定一个表单元素,当点击<label>内的文本时,浏览器就会自动将焦点(光标)转到或者选择对应的表单元素上,用来增加用户体验

 

 

下拉表单元素：

<select>标签

 

语法：

 

 1.<select>中至少包含一对<option>

 2.在<option>中定义 selected=“selected”时，当前项即为默认选中项

 

文本域：

<textarea>标签

 

 

语法：

 

使用举例：