Html教程(八)-表单标志

2016-02-19 22:24 4 1 收藏

今天图老师小编给大家精心推荐个Html教程(八)-表单标志教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - Web开发 】

  表单在Web网页中用来给访问者填写信息,从而能获得用户信息,使网页具有交互的功能。一般是将表单设计在一个Html文档中,当用户填写完信息后做提交(submit)操作,于是表单的内容就从客户端的浏览器传送到服务器上,经过服务器上的 ASP 或 CGI 等处理程序处理后,再将用户所需信息传送回客户端的浏览器上,这样网页就具有了交互性。这里我们只讲怎样使用Html标志来设计表单。

1.form/form
form/form标志对用来创建一个表单,也即定义表单的开始和结束位置,在标志对之间的一切都属于表单的内容。form标志具有action、method和target属性。action的值是处理程序的程序名(包括网络路径:网址或相对路径),如:form action="http://xld.home.chinaren.net/counter.cgi",当用户提交表单时,服务器将执行网址http://xld.home.chinaren.net/上的名为counter.cgi的CGI程序。method属性用来定义处理程序从表单中获得信息的方式,可取值为 GET 和 POST 的其中一个。GET方式是处理程序从当前Html文档中获取数据,然而这种方式传送的数据量是有所限制的,一般限制在1KB以下。POST方式与GET方式相反,它是当前的Html文档把数据传送给处理程序,传送的数据量要比使用GET方式的大的多。target属性用来指定目标窗口或目标帧。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

2.input type=""
input type=""标志用来定义一个用户输入区,用户可在其中输入信息。此标志必须放在form/form标志对之间。 input type=""标志中共提供了八种类型的输入区域,具体是哪一种类型由type属性来决定。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1628277.html

延伸阅读
标签: Web开发
在用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,在HTML的input标记中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中的选项用户可以任意选择多项,甚至全选。请看下面的例子: 下面给出这个例子的源代码,结合代码来讲各参数的设置: form name="form1" 你是否...
  ===TODAY HTC=== <HEAD <PUBLIC:COMPONENT tagName="DAY" <PROPERTY NAME="value"</PROPERTY <ATTACH EVENT="oncontentready" ONEVENT="fnInit()"</ATTACH </PUBLIC:COMPONENT <STYLE .clsDay { width:50; height:50; background-color: pink; align:center; text-align:right; } </STYLE <SCRIPT L...
标签: Web开发
   组成Cgi程序的是两部分,一部分是html页面,就是用户看到的东西。另一部分则是运行在服务器上的程序。一般来说,我们先些html页面,再些程序。所以我们的学习页是这样,先看看表单的写法,再去学习CGI程序。 对于html的表单,有比较复杂和详细的规定。但由于它们是属于html标准里的东西,所以我不打算详细讲解。最好是你自己...
标签: Web开发
表单是实现动态网页的一种主要的外在形式。表单和表单域并不具有排版的能力,表单网页的制作最终还是要由表格组织起来。html表单是html页面与浏览器端实现交互的重要手段。利用表单可以收集客户端提交的有关信息。  在浏览网站时经常会遇到表单,它是网站实现互动功能的重要组成部分。无论网站使用的是那种形式的语言来实现网站的互动功...
标签: Web开发
表单的文本框分为单行文本框和多行文本框,故名思义,单行文本框用于输入一些简短的信息,如:姓名、E_mail地址、口令等等;多行文本框用于输入内容较长的信息,如:用户意见、评论、留言等。只要你理解了表单的文本框参数的含义,制作接收信息的文本框是不难的,请看下面的例子。 一、一个单行文本框的例子 本例的源代码如下...

经验教程

449

收藏

7
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部