HTML文档可以输入在标记之间,HTML教程第05章表单和框架HTML表单和框架

1、HTML教程,表单和框架,回顾,HTML中列表分为几类? HTML中表格的建立和属性的设定? HTML中表格单元格属性设定和合并? HTML中表格布局的思路?,学习目标,理解列表单、框架在网页中的作用 掌握在HTML中使用表单、框架的技巧,表单简介,所谓表单,就是在HTML文档中出现的用于获取用户输入的部件。 一个HTML文档中,当用户填写完信息后提交(submit)操作,于是表单的内容就从客户端的浏览器传送到Web服务器上,经过Web服务器上的JSP或ASP等处理程序(也叫服务器脚本)处理后,再将用户所需信息传送回客户端的浏览器上,这样网页就具有了交互性。这里我们只讲怎么使用HTML标记来设计表单(表单如何与Web服务器交互在ASP.NET课程中讲解)。 表单是由表单标记和表单元素标记(也可称为表单域或控件)组成。一个表单一般应该包含用户填写信息的输入框,提交按钮等,这些输入框,按钮就是表单元素(或控件)。表单就像一个容器,它能够容纳各种各样的控件。,表单标记,一个表单用”标记来创建,”标记类似于一个容器标记,其他表单元素需要在这对开始标记和结束标记之间定义。 “”标记主要的有三个属。

2、性:“action”,“method”,“name”,还有一个重要的事件:”onsubmit”。 action属性:用以指明服务器端处理程序的名称(即URL:绝对路径或相对路径)。 method属性:用于设置传送数据的方式,取值有2个,分别为“post”和”get”。前者用于传送大量数据,而后者传送数据的限制是1KB。 name属性:给表单取名。 onsubmit事件:该事件咋表单提交时触发。该事件可以加入用来进行表单验证的代码。 语法:.,输入元素input,“”标记具有重要的地位,它能够将浏览器中的控件加载到HTML文档中。标记用来定义一个用户输入区,用户可在其中输入信息。此标记必须放在”标记之间。 “type”属性取值作用如下表:,注意:以上类型的输入控件有一个公共的属性name,此属性给每一个输入控件一个名字。这个名字与输入控件一一对应的,即一个输入控件对应一个名字。服务器就是通过某一输入控件的名字的value值来获得该控件的数据。而value属性是另一个公共属性,它可用来指定输入控件的缺省值。,单行文本框和密码文本框,在网页中最常见的接受用户输入的就是单行文本框和密码文本框。。

3、 “”标记单行文本框和密码文本框属性如下表:,单选框和复选框,在网页中有时候需要从多个选择只能选择一个。就要用到单选框。有时候需要从多个项中选择多时。就要用到复选框。 “”标记单选框和复选框属性如下表:,注意:单选框需要指出的是,同一组(“name”属性必须一样),“checked”属性必须有且有一项选中,如果没有一项被选中,则认为选中第一项。若多于一个项被选中,则认为选中最后一项。,提交按钮和重置按钮,我们经常在网页注册时,看到”提交”和”重置”(英文网页也是一样,显示为”submit”和“reset”)按钮,它们也是表单元素。 “”提交按钮和重置按钮属性如下表:,按钮,如果不习惯受到限制,想自己定义一个普通按钮,那么可以使用表单的另一个元素。 “” 按钮属性如下表:,图片按钮,厌倦了灰溜秋的按钮,想用多彩的图片做为按钮外观,也是可行的。 “” 图片按钮属性如下表:,多行文本框,在许多情况下,我们需要输入多行文字。与之前的”标记不同。输入多行文本框是使用”标记。 “”多行文本框属性如下表:,下拉列表框,有时候许多项目需要访客选择,但又不想完全显示而占用网页空间,那么就需要下拉列表帮忙。

4、了。下拉列表也是由一个不同的标记”来制作,其中的列表项是用”标记实现。 “”下拉列属性如下表:,“”列表项属性如下表:,框架简介,框架是用来将窗口分割成几部分,在其中分别显示不同的网页,以方便用户同时浏览不同的页面,或者利于网站分别显示导航、明细等不同内容。,窗口框架的建立,窗口框架的建立是通过”标记来完成的。 ”的属性如下表:,注意:仔细观察我们可以发现”标记不见了。因为使用”标记来定义也就是一个主体标记了,所以使用”标记时是不能加”标记的。如果把”标记包含在”中,“”标记将无法正常使用。”标记是单个使用的。,它是定义一个子窗口,有几个”就有几个子窗口。,浮动窗口,前面”标记只能把现有的窗口分成几个子窗口,而且大小只能由框架的高(或宽)度属性来设置,不怎么灵活。有没有一个标记可以自由控制窗口大小,可以配合表格随意地在网页中任何位置插入窗口呢?”标记,它就可以实现在窗口周再创建一个窗口。 “”浮动窗口属性如下表:,总结,表单元素主要有文本框、选择框、按钮、列表,除了多行文本框和下拉列表框,其它的都用“”标记定义的,只是”type”属性不同而已。 框架是在一个浏览窗口中查看不同网页的方式,更灵活的还有iframe,它们让网页内容更加丰富多彩。,感谢聆听,。

《HTML教程第05章表单和框架HTML表单和框架》由会员E****分享,可在线阅读,更多相关《HTML教程第05章表单和框架HTML表单和框架》请在金锄头文库上搜索。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值