8.表单设计

1.表单设计 

<form></form> 定义表单开始位置和结束位置，表单提交时的内容就是<form>表单中的内容

<form action="服务器端地址（接受表单内容的地址）" name="表单名称" method="post|get"> 。。</form>

常用属性：

1.name 表单名称

2.method 传送数据的方式，分为post的get两种方式

1’get方式：get方式提交时，会将表单的内容附加在URL地址的后面，所以限制了提交的内容长度，不超过8192个字符，且不具备保密性

2‘post方式：post方式提交时，将表单中的数据一并包含在表单主题中，一起传送到服务器中处理，没有数据大小限制

3.action 表单数据的处理程序的url地址，如果为空则使用当前的URL地址，如果表单中不需要使用action属性也要指定其属性为“no”

4.enctype 设置表单的资料的编码方式

5.target 和超链接的属于类似，用来制定目标窗口

2.文本域和密码

<input>标记 单标记

基本语法：<input type=" " name="" value="" maxlength="">

属性介绍：

1.type属性

type属性有两个值： 

1‘.text 当type="text"时，<input>表示一个文本区域

2'type＝“password”时，<input>表示一个密码输入域

3’‘.name属性 定义控件名称

4’.value属性  初始化值，打开浏览器时，文本框中的内容

5‘.size属性 设置控价的长度

6‘maxlength属性 输入框中最大允许的字符数

3.提交、重置、普通按钮

1‘提价按钮 <input type="submit">

2‘重置按钮 <input type="reset">

3'普通按钮 <input type="button">

4.单选框和复选框

1.单选按钮 <input type="radio">

2.复选框 <input type="checkbox">

3‘注意 单选框和复选框都可以使用"checkbox"属性来设置默认选中

5.隐藏域 当<input type＝“hidden”>时，为隐藏表单域

6.多行文本域

使用<textarea>标记可以实现一个，能够输入多行文本的区域

<textarea name="name" rows="value" cols="value" value="value"></textarea>

rows属性和cols属性分别来指定显示行数和列数，单位是字符个数

7.菜单下拉列表域

<select>标记

1.语法格式

<select name="" size="value" multiple>

<option value="value" selected>选项一</option>

<option value="value">选项2</option>

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

2.属性

1‘multiple属性 mutiple属性不用赋值，其作用是，表示用可以多选的下拉列表，如果没有这个属性就只能单选

2’size属性 设置列表的高度

3.name属性 定义这个列表的名称

3.option标记  

<option>标记用来制定列表中的一个选项，需要放在<select></select>之间

值：1.value 给选项赋值，制定