html 表单提交 地址栏 显示"=%cc%ed%bc%d3 ",html--表单(示例代码)

表单

表单的结构：

控件

表单的属性：

1、name：表单的识别名称，一个页面有多处表单，通过表单的识别名称来辨认你提交的是哪个表单的数据

2、action：表单数据传递到后端的路径

3、mehod：把表单数据提交到服务端的方式常见的两种get；post

get方法：默认的一种传递数据的方法，通过地址栏传递表单中的数据

特点：不能传递敏感数据例如：密码

不能传递大量数据，每次只能传递1024个字节

不能上传附件

post方法：不通过地址栏传递，直接传递到服务端

特点：相对安全

可以传递海量数据

可以上传附件

控件

1、单行文本框

属性：name="名称" 文本框的识别名称(必须要有)

size="数值" 输入框的宽度，以字符为单位

maxlength="数值" 最多允许输入的字符数，如果超出范围则输入不进去

value="内容" 输入框中的默认数据信息

2、密码框

属性：name="名称" 密码框的识别名称(必须要有)

size="数值" 密码框的宽度，以字符为单位

maxlength="数值" 最多允许输入的字符数，如果超出范围则输入不进去

value="内容" 密码框中的默认数据信息

readonly="readonly" 只读属性，只能选中不能修改

disabled="disabled" 禁止属性，不能选中不能修改

3、单选按钮

属性：name="名称" 单选按钮组的名称

value="数据" 设置每一项单选的值(必须设置)

男

女

4、复选框

属性：name="名称" 多选按钮组的名称

value="数据" 设置每一项的值(必须设置)

checked="checked" 默认勾选

5、多行文本框

属性：name 多行文本框的识别名称

value 不能出现value属性，如果想设置默认值格式如下默认值

rows 显示多少行内容

cols 显示一行显示多少个字符

6、下拉列表

内容

内容

内容

......

select属性

name 下拉列表的识别名称

option属性

value 代表每一项的初始值，默认值是option标签中的内容

7、隐藏域

隐藏域，不是给客户看而是给程序用的

8、文件域

属性：name 文件域的名称

value 不写value，而是通过单击按钮来选择文件，选中的文件就是value

9、按钮

提交按钮提交数据

图片按钮属于提交按钮的一种

重置按钮恢复到默认设置的状态

普通按钮本身没有功能，需要结合程序构成功能