html表单自动提交表单提交表单数据类型,表单

表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。

中文名

表单

外文名

Form

作    用

采集数据组    成

表单标签、表单域、表单按钮

对    象

文本框,密码框等

控件分类

Button Objx,Input Pro等

表单代码

编辑

语音

表单表单标签

功能:用于申明表单,定义采集数据的范围,也就是

和里面包含的数据将被提交到服务器或者电子邮件里。

语法:

. . .

属性解释见下表:

action=url用来指定处理提交表单的格式.它可以是一个URL地址(提交给程式)或一个电子邮件地址.

method=get或post指明提交表单的HTTP方法.可能的值为: post:POST方法在表单的主干包含名称/值对并且无需包含于action特性的URL中. get:不赞成。GET方法把名称/值对加在action的URL后面并且把新的URL送至服务器.这是往前兼容的缺省值.这个值由于国际化的原因不赞成使用.

enctype=cdata指明用来把表单提交给服务器时(当method值为"post")的互联网媒体形式.这个特性的缺省值是"application/x-www-form-urlencoded"

TARGET="..."指定提交的结果文档显示的位置: _blank :在一个新的、无名浏览器窗口调入指定的文档; _self :在指向这个目标的元素的相同的框架中调入文档; _parent :把文档调入当前框的直接的父FRAMESET框中;这个值在当前框没有父框时等价于_self; _top :把文档调入原来的最顶部的浏览器窗口中(因此取消所有其它框架);这个值等价于当前框没有你框时的_self.

例如:

表示表单将向以post的方式提交,提交的结果在新的页面显示,数据提交的媒体方式是默认的application/x-www-form-urlencoded方式;

表单域

表单域包含了文本框、多行文本框、密码框、隐藏域、复选框、单选框和下拉选择框等,用于采集用户的输入或选择的数据,下面分别讲述这些表单域的代码格式:

表单文本框

文本框是一种让访问者自己输入内容的表单对象,通常被用来填写单个字或者简短的回答,如姓名、地址等。

代码格式:

属性解释:

type="text"定义单行文本输入框;

name属性定义文本框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;

size属性定义文本框的宽度,单位是单个字符宽度;

maxlength属性定义最多输入的字符数。

value属性定义文本框的初始值

样例1:

样例1代码:

表单多行文本框

也是一种让访问者自己输入内容的表单对象,只不过能让访问者填写较长的内容。

代码格式:

属性解释:

name属性定义多行文本框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;

cols属性定义多行文本框的宽度,单位是单个字符宽度;

rows属性定义多行文本框的高度,单位是单个字符宽度;

wrap属性定义输入内容大于文本域时显示的方式,可选值如下:

默认值是文本自动换行;当输入内容超过文本域的右边界时会自动转到下一行,而数据在被提交处理时自动换行的地方不会有换行符出现; Off,用来避免文本换行,当输入的内容超过文本域右边界时,文本将向左滚动,必须用Return才能将插入点移到下一行; Virtual,允许文本自动换行。 Physical,让文本换行,当数据被提交处理时换行符也将被一起提交处理。

样例2:

样例2代码:

表单密码框

是一种特殊的文本域,用于输入密码。当访问者输入文字时,文字会被星号或其它符号代替,而输入的文字会被隐藏。

代码格式:

属性解释:

type="password"定义密码框;

name属性定义密码框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;

size属性定义密码框的宽度,单位是单个字符宽度;

maxlength属性定义最多输入的字符数。

样例3:

样例3代码:

表单隐藏域

隐藏域是用来收集或发送信息的不可见元素,对于网页的访问者来说,隐藏域是看不见的。当表单被提交时,隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。

代码格式:

属性解释:

type="hidden"定义隐藏域;

name属性定义隐藏域的名称,要保证数据的准确采集,必须定义一个独一无二的名称;

value属性定义隐藏域的值

例如:

表单复选框

复选框允许在待选项中选中一项以上的选项。每个复选框都是一个独立的元素,都必须有一个唯一的名称。

代码格式:

属性解释:

type="checkbox"定义复选框;

name属性定义复选框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;

value属性定义复选框的值

样例4:

样例4代码:

xxxcom

表单单选框

当需要访问者在单选项中选择唯一的答案时,就需要用到单选框了。

代码格式:

属性解释:

type="radio"定义单选框;

name属性定义单选框的名称,要保证数据的准确采集,单选框都是以组为单位使用的,在同一组中的单选项都必须用同一个名称;

value属性定义单选框的值,在同一组中,它们的域值必须是不同的。

样例5:

样例5代码:

表单文件上传框

有时候,需要用户上传自己的文件,文件上传框看上去和其它文本域差不多,只是它还包含了一个浏览按钮。访问者可以通过输入需要上传的文件的路径或者点击浏览按钮选择需要上传的文件。

注意:在使用文件域以前,请先确定你的服务器是否允许匿名上传文件。表单标签中必须设置ENCTYPE="multipart/form-data"来确保文件被正确编码;另外,表单的传送方式必须设置成POST。

代码格式:

属性解释:

type="file"定义文件上传框;

name属性定义文件上传框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;

size属性定义文件上传框的宽度,单位是单个字符宽度;

maxlength属性定义最多输入的字符数。

样例6:

样例6代码:

表单下拉选择框

下拉选择框允许你在一个有限的空间设置多种选项。

代码格式:

...

...

属性解释:

size属性定义下拉选择框的行数;

name属性定义下拉选择框的名称;

multiple属性表示可以多选,如果不设置本属性,那么只能单选;

value属性定义选择项的值;

selected属性表示默认已经选择本选项。

样例7:

样例7代码:

样例8:

按Ctrl可以多选

样例8代码:

表单表单按钮

表单按钮控制表单的运作。

1.3.1 提交按钮

提交按钮用来将输入的信息提交到服务器。

代码格式:

属性解释:

type="submit"定义提交按钮;

name属性定义提交按钮的名称;

value属性定义按钮的显示文字;

样例9:

样例9代码:

1.3.2 复位按钮

复位按钮用来重置表单。

代码格式:

属性解释:

type="reset"定义复位按钮;

name属性定义复位按钮的名称;

value属性定义按钮的显示文字;

样例10:

样例10代码:

1.3.3 一般按钮

一般按钮用来控制其他定义了处理脚本的处理工作。

代码格式:

属性解释:

type="button"定义一般按钮;

name属性定义一般按钮的名称;

value属性定义按钮的显示文字;

onClick属性,也可以是其它的事件,通过指定脚本函数来定义按钮的行为;

样例11:

样例11代码:

二.表单

表单是用来提交资料、意见,规范流程执行过程的格式。

表单表单控件

编辑

语音

Button Objx:是最全面的类似按钮的控件。不仅可以取代Windows按钮控件来创建强大的按钮,还可以创建完全自定义的活动按钮和工具栏,以及自定义形状的容器。还可以动态的更改图像和形状,以及在自定义形状的区域中添加多个聚焦点,或使用它提供的各种特性完全自定义您的用户界面。此外还包括Balloon控件,它是使用最简单和最广泛的控件,通过使用标准或定制形状添加可自定义的帮助气球(工具提示)到应用程序中。

Input Pro:可以轻松地创建专家级的数据录入界面。该软件具有六种格式化编辑控件,方便快速验证数据,可以使用布尔控件来显示用户外观的真/假/灰度值,或者使用备忘录控件来显示大量的文本信息。

Component One:行业认可最佳VisualStudio控件集[1]

,不仅全部支持 WinForms、WPF、Silverlight 和 ActiveX,还支持 iPhone、Windows Mobile 等移动设备平台。它包含数百个控件,如 Grids、Charts、Reports、Schedules、Menus、Toolbars、Ribbon、PDF 等.可以轻松创建类似微软 Office 显示风格的用户界面。例如,使用 C1Ribbon实现 Office 2010 的菜单和工具条风格;使用 C1 SplitterContainer进行应用程序工作区分割;C1NavBar 实现导航栏;使用C1Calendar 实现具有强大日程安排功能癿日历等等。

参考资料

1.

最佳控件集

.ComponentOne[引用日期2013-03-26]

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/345887.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

实施白色标签

有时(根据我的经验,很多时候)您需要为应用程序添加白色标签。 您通常可以以SaaS方式运行它,但是一些重要的或高知名度的客户端可能想要专用的部署或本地部署,或者只是在云部署中“自己的一角”。 白色标签通常包括不同…

卫星链路

卫星通信系统中,信息传输中,一条传输链路包括发端地球站、上行链路、卫星转发器、下行链路、收端地球站。按照空间分布可以分为星地链路和星间链路。影响其通信性能的因素主要有:发射端的发射功率与天线增益、传输过程中的损耗、传输过程中所…

国家开放大学人文英语4

客观题 交际用语(共5题,共10分) 1. — Do you think cosmetic surgery is more popular with women? — ________________ . A Yes, women are more popular than men B Yes, absolutely. Because women pay more attention to beauty…

微型计算机主机的主要组成部件是,微型计算机主机的主要组成部分有

大家好,我是时间财富网智能客服时间君,上述问题将由我为大家进行解答。微型计算机的主机由CPU和内存储器组成, CPU相当于微型计算机的大脑,包括控制器和运算器,内存储器分为RAM和ROM。分别对应微型计算机的运行空间和存…

定义Definition、公理、定理、推论、命题和引理的区别

WHAT IS THE DIFFERENCE BETWEEN A THEOREM(定理), LEMMA(引理),AND A COROLLARY(推论)? PROF. DAVE RICHESON (1) Definition(定义) 对某个数学概念\术语(符号、表达)的解释。 A…

[渝粤题库]陕西师范大学《金融机构管理》作业

《金融机构管理》作业 一 、选择题 1.在我国的金融机构中,下列哪一项是政策性银行?( ) A.交通银行 B.中国银行 C.中国农业发展银行 D.中国农业银行 2.商业银行最主要的资金来源是&…

计算机网络组成包括哪些内容,计算机网络系统的组成

互联网时代已经到来了,小编为你科普一下网络相关基础知识《计算机网络系统的组成》,让你更快融入互联网时代。计算机网络系统是通信子网和资源子网组成的。而网络软件系统和网络硬件系统是网络系统赖以存在的基础。在网络系统中,硬件对网络的…

正定和半正定

在众多的机器学习模型中,线性代数的身影无处不在,当然,我们也会时常碰到线性代数中的正定矩阵和半正定矩阵。例如,多元正态分布的协方差矩阵要求是半正定的。 ------------------------------------------ 1. 基本的定义 正定和…

[渝粤题库]陕西师范大学《幼儿园社会教育》作业

《幼儿园社会教育》作业 一、单选题 1.谁创立了发生认识论并提出了儿童认知发展阶段论() A.班杜拉  B.弗洛伊德 C.皮亚杰D.柯尔伯格 2.下列不属于…

Java 8 map(),flatMap()示例

使用map()方法 编程时,很常见的是处理数据以便从对象集合中收集一些信息。 假设我们要从特定公司的所有员工中查找城市。 我们的员工班级如下。 public class Employee {private String name;private Integer age;private String city;priv…

[渝粤题库]陕西师范大学《幼儿园科学教育》作业

《幼儿园科学教育》作业 一、填空题 1.科学教育中常采用的观察方法是 ① 、 ② 、 ③ 。 2.幼儿劳动的种类包括 ① 、 ② 、 ③ 、 ④ 。 3.在幼儿科学教育中,情感的目标非常广泛…

HTML中button怎么填充GIF,css3给按钮添加背景渐变动画

css3给按钮添加背景渐变动画button {color:#FFF;font-size:16px;outline:none;width:300px;height:48px;background:#26A1D9;border:none;-webkit-border-radius:5px;border-radius:5px;}button:active{outline:none;background:#208FC1;/*执行动画*/-webkit-animation:showBtn…

[渝粤题库]陕西师范大学《幼儿园语言教育》作业

《幼儿园语言教育》作业 一、填空题 1、儿童语言的发展是指儿童对母语的理解和 能力随着时间的推移而发生变化的过程和现象。 2、儿童获得语言之前,用语音及伴随的表情或动作代替语言进行交往的现象被称为 。 3、 是指交际双方根据交际目…

[渝粤题库]陕西师范大学《商业银行经营学》作业

《商业银行经营学》作业 一 、名词解释 1.商业银行外部组织形式 2.单一银行制 3.银行控股公司制 4.合业经营 5.自有资本 6.可转让定期存单(CD) 7.自动转账服务账户(ATS) 8.回…

导数,微分,偏导,全微分,方向导数,梯度

多元函数与一元函数有一个很大的区别在于定义域的不同:一元函数自变量就在x轴上,因此趋近的方向只有某点的左右两侧,因此,考察一元函数极限的时候,仅考虑左邻域和右邻域即可。但是多变量微分变得复杂,趋向方…

html5贝塞尔,使用HTML5画布绘制贝塞尔曲线

是的,请使用HTML canvasbezierCurveTo()方法在HTML5中绘制Bezier曲线。示例您可以尝试运行以下代码以使用画布绘制贝塞尔曲线:HTML>#test {width: 100px;height:100px;margin: 0px auto;}function drawShape(){//使用DOM获取canvas元素var canvas do…

[渝粤题库]陕西师范大学《幼儿园课程》(专科)作业

《幼儿园课程》(专科)作业 一、单选题 1、活动课程是以( )为中心来组织学习内容的。 A 学科 B 问题 C 概念 D 儿童 2、( )指的…

perl大骆驼和小骆驼_骆驼路线的主/从故障转移

perl大骆驼和小骆驼一种实现主/从故障转移模式的方法是拥有一个应用程序的实例集群,其中一个实例(主实例)当前处于活动状态,而其他实例(从属实例)处于待机状态,随时可以在主实例发生故障时接管该…

牛顿法, Jacobian矩阵 和 Hessian矩阵

牛顿法 主要有两方面的应用: 求方程的根;求解最优化方法; 为什么要用牛顿法求方程的根? 问题很多,牛顿法 是什么?目前还没有讲清楚,没关系,先直观理解为 牛顿法是一种迭代求解方法…

[渝粤题库]陕西师范大学《幼儿保健学》作业

《幼儿保健学》作业 单选题 1、人一生总共( )块腕骨。 A 6 B 7 C 8 D 9 2、营养学中常用的能量单位是( )。 A 千卡 B 焦耳 C 瓦特 …