表单是WEB浏览器和WEB服务器之间实现信息交流和传递的桥梁。
表单实际上包含两个重要的组成部分:一是描述描述表单信息的web页面,二是用于处理表单数据的服务器端表单处理程序。
一、action-----处理表单
一般情况下,表单的处理程序action和传送方法method是必不可少的参数。
真正处理表单的数据脚本或程序在action属性里,这个值可以是程序或脚本的一个完整URL
action的值定义的是表单要提交的地址。
表单提交后的数据处理程序由action属性指定。
二、method-----传送方式
method属性用来定义处理程序从表单中获得信息的方式,只有两个值:get或post,该值决定了表单中的数据是以什么方式发送到服务器的。默认为get。
(1)get:表单数据被看作CGI或ASP的参数发送,也就是输入数据会附在URL后,由用户直接发送到服务器。速度比post快,但输入的数据长度有限制。
(2)post:表单与URL分开发送,用户端的计算机通知服务器来读取数据,所以无数据长度的限制,但是比get慢。
三、enctype-----编码方式
1、enctype参数用于设置表单信息提交的编码方式;该属性定义了 MIME编码方式;取值如下:
text/plain:以纯文本的形式传送
application/x-www-form-urlencoded:默认的编码形式
multipart/form-data:MIME编码,上传文件的表单必须选择该项。
2、当表单以电子邮件的形式发送,表单信息不以附件的形式发送,应将“MIME类型”设置为text/plain。
四、为表单添加控件
按照控件的填写方式可分为输入类和菜单列表类。
<form>
<input name="" type="控件类型">
</form>
控件类型的值有text、password、radio、checkbox、button、submit、reset、image、hidden、file。
1、输入类: name值不能包含特殊字符,也不能以html预留作为名称。
(1)<input type="text" name="" size="控件的长度" maxlength="最长的字符数" value="文本框中的默认值">
(2)<input type="password" name="" size="控件的长度" maxlength="最长的字符数" value="文本框中的默认值">
禁止用户复制粘贴密码并且改变掩码样式情况:
<input type="password" name="" size="" maxlength="" oncopy="return false" oncut="return false" onpaste="return false" style="font-family:Wingdings;">
(3)<input type="radio" name="" value="" checked="checked"> checked表示默认选中;value表示该选项的值传到处理程序中。
(4)<input type="checkbox" name="" value="" checked="checked">
(5)<input type="button" name="" value="按钮上的文字" onclick="鼠标按下按钮时的处理程序">
(6)<input type="submit" name="" value=""> 不需要onclick
(7)<input type="reset" name="" value="">
(8)<input type="image" name="" src="图像地址"> 使用图像域创建与网页整体效果相统一的图像提交按钮
(9)<input type="hidden" name="" value="" value="提交值"> 隐藏域主要是传递参数的,不显示在页面中
(10)<input type="file" name=""> 常用于上传文件,查找硬盘中的文件路径
2、菜单列表类 该控件是为了节省页面空间而设计的
该菜单列表标记的属性:name、size(显示的选项数目)、multiple(列表中的项目多选)、value、selected(默认选项)
3、textarea文本域 可以输入多行文字
<textarea name="" value="" rows="行数" cols="列数"></textarea>
原文:https://www.cnblogs.com/heisetianshi/p/10915257.html