html-form表单

表单是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