表单设计

表单设计

1. 表单标记<form>...</form>

- 定义表单的开始位置和结束位置
- <form action="服务器端地址（接受表单内容的地址）"name="表单名称"method="post/get">...</form>

- 常见属性
1. name 表单名称
2. method 传送数据的方式
- get方式：get方式提交时，会将表单的内容附加在URL地址的后面，所以限制了提交的内容的长度，不超过8192个字符，且不具备保密性
- post方式：post方式提交时，将表单中的数据一并包含在表单主体中，一起传送到服务器中处理，没有数据大小限制
3. action
表单数据的处理程序的URL地址，如果为空则使用当前文档的URL地址，如果表单中不需要使用action属性也要指定其属性为”no“
4. enctype 设置表单的资料的编码方式
5. target 和超链接的属于类似，用来指定目标窗口

2. 文本域和密码<input>标记
- <input>标记没有结束标记
- <input type=""name=""value=""size=""maxlength="">

- 属性
1. type属性
- 文本输入域<input type="text">
- 密码输入域<input type="password">

2. name属性：定义控件的名称
3. value属性：初始化值，打开浏览器时文本框中的内容
4. size属性：设置控件的长度
5. maxlength属性：输入框中最大允许输入的字符数

3. 提交、重置、普通按钮
- 提交按钮<input type="submit">
- 重置按钮<input type="reset">
- 普通按钮<input type="button">

4. 单选框和复选框
- 单选按钮<input type="radio"
- 复选框<input type="checkbox"
- 以上两者都可以用“check”属性来默认选中项

5. 隐藏域<input type="hidden">
6. 多行文本域
rows行数
cols列数

<textarea name="name"rows="value"clos="value"value="value">...</texearea>

7. 菜单下拉列表域

- <select>标记

1. 语法格式

<select name="" size="value" multiple>
<option value="value" selected>选项1</option>
<option value="value">选项2</option>
<option value="value">选项3</option>
</select>

2. 属性
- multiple属性：multiple属性不用赋值，其作用是，表示用可以多选的下来列表，如果没有这个属性就只能单选
- size属性：设置列表的高度
- name属性：定义这个列表的名称
3. option标记：<option>标记用来指定列表中的一个选项，需要放在<select></select>之间

• value：给选项赋值，指定传送到服务器上面的值
• selected：指定默认的选项