ASP.NET应用开发与实践(txt+pdf+epub+mobi电子书下载)


发布时间:2021-08-03 11:43:24

点击下载

作者:刘乃琦郭小芳主编

出版社:人民邮电出版社

格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT

ASP.NET应用开发与实践

ASP.NET应用开发与实践试读:

前言

ASP.NET是Microsoft公司推出的新一代建立动态Web应用程序的开发平台,它是当今最主流的Web程序开发技术之一。目前,无论是高校的计算机专业还是IT培训学校,都将ASP.NET作为教学内容之一,这对于培养学生的计算机应用能力具有非常重要的意义。

在当前的教育体系下,实例教学是计算机语言教学最有效的方法之一,本书将ASP.NET知识和实用的实例有机结合起来,一方面,跟踪ASP.NET发展,适应市场需求,精心选择内容,突出重点、强调实用,使知识讲解全面、系统;另一方面,设计典型的实例,将实例融入到知识讲解中,使知识与实例相辅相成,既有利于学生学习知识,又有利于指导学生实践。另外,本书在每一章的后面还提供了习题和实验,方便读者及时验证自己的学习效果(包括理论知识和动手实践能力)。

本书作为教材使用时,课堂教学建议60~65学时,实验教学建议15~20学时。各章主要内容和学时建议分配如下,老师可以根据实际教学情况进行调整。续表

由于编者水平有限,书中难免存在疏漏和不足之处,敬请广大读者批评指正,使本书得以改进和完善。编者2012年10月第1章Web开发基础

本章要点

„■Web的基本概念

„■B/S结构和C/S结构的概念

■B/S结构和C/S结构的区别

■Web浏览器和HTTP协议

■HTML5、CSS和JavaScript基础

■三层架构的概念及使用

■MVC架构的使用

随着Internet和电子商务的普遍应用,陆续诞生了各种动态网页技术,其中ASP.NET自从发布以来,在诸多主流的动态网页技术中一直受到密切的关注。本章将首先对Web开发的基础知识进行介绍。1.1 Web简介1.1.1 什么是Web

Web的本意是网和网状物,现在被广泛认识为网络、万维网或互联网等技术领域。它是一种基于超文本方式工作的信息系统。作为一个能够处理文字、图像、声音和视频等多媒体信息的综合系统,它提供了丰富的信息资源,这些信息资源通常表现为以下三种形式。

□超文本(hypertext)

超文本是一种全局性的信息结构,它将文档中的不同部分通过关键字建立链接,使信息得以用交互方式搜索。

□超媒体(hypermedia)

超媒体是超文本(hypertext)和多媒体在信息浏览环境下的结合。有了超媒体,用户不仅能从一个文本跳到另一个文本,而且可以显示图像、播放动画、音频和视频等。

‰□超文本传输协议(HTTP)

超文本传输协议是超文本在互联网上的传输协议。1.1.2 B/S结构简介

B/S是Browser/Server的缩写,即浏览器/服务器结构。在这种结构中,客户端不需要开发任何用户界面,而统一采用如IE和火狐等浏览器,通过Web浏览器向Web服务器发送请求,由Web服务器进行处理,并将处理结果逐级传回客户端,如图1-1所示。这种结构利用不断成熟和普及的浏览器技术实现原来需要复杂专用软件才能实现的强大功能,从而节约了开发成本,是一种全新的软件体系结构。这种体系结构已经成为当今应用软件的首选体系结构。图1-1 B/S体系结构1.1.3 C/S结构简介

C/S是Client/Server的缩写,即客户端/服务器结构。在这种结构中,服务器通常采用高性能的PC机或工作站,并采用大型数据库系统(如Oracle或SQL Server),客户端则需要安装专用的客户端软件,如图1-2所示。这种结构可以充分利用两端硬件环境的优势,将任务合理分配到客户端和服务器,从而降低了系统的通信开销。在2000年以前,C/S结构占据网络程序开发领域的主流。图1-2 C/S体系结构1.1.4 B/S结构与C/S结构比较

C/S结构和B/S结构是当今世界网络程序开发体系结构的两大主流。目前,这两种结构都有自己的市场份额和客户群。但是,这两种体系结构又各有各的优点和缺点,下面将从以下3个方面进行比较说明。

1.开发和维护成本方面

C/S结构的开发和维护成本都比B/S高。采用C/S结构时,对于不同客户端要开发不同的程序,而且软件的安装、调试和升级均需要在所有的客户机上进行。例如,如果一个企业共有 10个客户站点,使用一套C/S结构的软件,则这10个客户站点都需要安装客户端程序。当这套软件进行了哪怕很微小的改动,系统维护员都必须将客户端原有的软件卸载,再安装新的版本并进行配置,最可怕的是客户端的维护工作必须不折不扣地进行10次。若某个客户端忘记进行这样的更新,则该客户端将会因软件版本不一致而无法工作。而B/S结构的软件,则不必在客户端进行安装及维护。如果我们将前面企业的C/S结构的软件换成B/S结构的,这样在软件升级后,系统维护员只需要将服务器的软件升级到最新版本,对于其他客户端,只要重新登录系统,就可以使用最新版本的软件了。

2.客户端负载

C/S 的客户端不仅负责与用户的交互,收集用户信息,还需要完成通过网络向服务器请求对数据库、电子表格或文档等信息的处理工作。由此可见,应用程序的功能越复杂,客户端程序也就越庞大,这也给软件的维护工作带来了很大的困难。而B/S结构的客户端把事务处理逻辑部分交给了服务器,由服务器进行处理,客户端只需要进行显示,这样,将使应用程序服务器的运行数据负荷较重,一旦发生服务器“崩溃”等问题,后果不堪设想。因此,许多单位都备有数据库存储服务器,以防万一。

3.安全性

C/S结构适用于专人使用的系统,可以通过严格的管理派发软件,达到保证系统安全的目的,这样的软件相对来说安全性比较高。而对于B/S结构的软件,由于使用的人数较多,且不固定,相对来说安全性就会低些。

由此可见,B/S相对于C/S具有更多的优势,现今大量的应用程序开始转移到应用B/S结构,许多软件公司也争相开发B/S版的软件,也就是Web应用程序。随着Internet的发展,基于HTTP协议和HTML标准的Web应用呈几何数量级增长,而这些Web应用又是由各种Web技术所开发。1.2 Web程序运行机制1.2.1 Web浏览器

浏览器主要是用于客户端用户访问Web应用的工具,与开发ASP.NET网站不存在很大的关系,所以开发ASP.NET网站对浏览器的要求并不是很高,任何支持HTML的浏览器都可以。现在比较流行的Web浏览器主要有微软的IE浏览器、Firefox火狐浏览器、谷歌的Chrome浏览器、360安全浏览器等。1.2.2 HTML 5标记语言

HTML 5是下一代的HTML,它将会取代HTML 4.0和XHTML 1.1,成为新一代的Web语言。HTML 5自从2010年正式推出以来,就以一种惊人的速度被迅速地推广,世界各知名浏览器厂商也对HTML 5有很好的支持。例如,微软就对下一代IE 9做了标准上的改进,使其能够支持HTML 5。HTML 5还有一个特点是在老版本的浏览器上也可以正常运行。

1.HTML 5文档结构

在介绍HTML5文档结构以前,我们先来看一个基本的HTML 5文档,具体代码如图1-3所示。图1-3 一个基本的HTML 5文档

在图1-3所示的代码中,第1行代码用于指定的是文档的类型;第2行和第11行,为HTML 5文档的根元素,也就是<html>标记;第3行和第6行为头元素,也就是<head>标记;第8行和第10行为主体元素,也就是<body>标记。

图1-3所示代码的运行结果如图1-4所示。图1-4 一个基本的HTML 5文档的运行结果

在对HTML 5文档有了一个基本的了解以后,我们再来看一看,组成HTML 5文档的各元素。

□文档类型

一个标准的 HTML 文档,它的起始元素为指定文档类型的标记。在 HTML 5 以前的 HTML文档中,用于指定文档类型的标记代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

而在 HTML 5 的文档中,指定文档类型的代码则更加简短和美观,仅仅使用下面的 15 个字符就可以实现了。

<!DOCTYPE HTML>在 HTML 5文档中,如果你喜欢使用以前版本中提供的指定文档类型的代码,也是可以的。

□根元素

HTML 文档的根元素是<html>标记。所有 HTML 文件都是以<html>标记开头,以</html>标记结束。HTML页面的所有标记都要放置在<html>与</html>标记中,虽然<html>标记并没有实质性的功能,却是HTML文件不可缺少的内容。HTML标记是不区分大小写的。

‰□头元素

HTML文件的头元素是<head>标记,作用是放置HTML文档的信息。在<head>标记中,可以使用<title>标记来指定文档的标题,也可以使用<meta>标记来指定字符编码。例如,在 HTML 5的文档中,我们可以在<head>标记中使用下面的代码的指定字符编码为UTF-8。

<meta charset="utf-8">

□主体元素

HTML 页面的主体元素为<body>标记。<body>标记也是成对使用的,以<body>标记开头,</body>标记结束。页面中的所有内容都定义在<body>标记中。

2.HTML文字排版标记

对于HTML页面,文字排版标记必不可少,一个美观大方的文字页面能够确切地传达出页面的主要信息。常用的文字排版标记主要包括以下几个。

‰□文字与特殊符号

在 HTML 文档中,要显示普通文字,只需要在<body>主体标记中或者其他子标记中,直接输入所需文字就可以了。不过,对于空格和一些特殊符号就不能直接输入了,而是需要通过一个以“&”符号开头、以“;”符号结束的实体名称来代替。常用的特殊符号及其对应的实体名称如表1-1所示。表1-1 特殊符号及其对应的实体名称

例如,在HTML文档上输出版权信息,代码如下:

CopyRight © 2012 www.mrbccd.com 吉林省明日科技有限公司

   本站请使用IE 9.0或以上版本 1280×1024为最佳显示效果

上面这段代码运行后,将显示如图1-5所示的运行结果。图1-5 在HTML文档上输出版权符号和空格等文字信息

□段落标记

HTML 中的段落标记也是一个很重要的标记,段落标记以<p>标记开头,以</p>标记结束。段落标记在段前和段后各添加一个空行,而定义在段落标记中的内容,不受该标记的影响。

‰□换行标记

段落与段落之间是隔行换行的,使得文字的行间距过大;可以使用换行标记<br>来完成文字的换行显示。如果直接在HTML文档中输入类似于Word等文本编辑软件中常用的换行符(〈Enter〉键)是没有用的。

□标题标记

在Word文档中,可以很轻松地实现不同级别的标题。如果要在HTML页面中创建不同级别的标题,可以使用HTML语言中的标题标记。在HTML标记中,设定了6个标题标记,分别为<h1>至<h6>,其中<h1>代表1级标题,<h2>代表2级标题,<h6>代表6级标题等。数字越小,表示级别越高,文字的字体也就越大。

例如,在HTML文档上输出1~6标题,并设置不同的对齐方式。代码如下:

<h1>1级标题—HTML 5标记语言</h1>

<h2>2级标题—文字排版标记</h2>

<h3>3级标题—标题标记</h3>

<h4 align="left">4级标题—居左对齐</h4>

<h5 align="center">5级标题—居中对齐</h5>

<h6 align="right">6级标题—居右对齐</h6>

运行上面代码后,将显示图1-6所示的运行结果。图1-6 标题标记

□文字列表标记

HTML语言中提供了文字列表标记,文字列表标记可以将文字以列表的形式依次排列。通过这种形式可以更加方便网页的访问者。HTML中的列表标记主要有无序的列表和有序的列表两种。

• 无序列表

无序列表是在每个列表项的前面添加一个圆点符号。通过<ul>标记可以创建一组无序列表,其中每一个列表项以<li>标记表示。

• 有序列表

有序列表和无序列表的区别是,使用有序列表标记可以将列表项进行排号。有序列表的标记为<ol>,每一个列表项前使用<li>标记。有序列表的列表项是有一定的顺序的。下面将对例 2-3进行修改,使用有序列表进行编号。

3.图片与超链接标记

在网页中,经常需要插入图片和超链接。在HTML页面中,可以使用图片标记来插入图片,使用超链接标记来插入超链接。下面将分别进行介绍。

□图片标记

在网页设计时,经常需要插入图片。例如,电子商务网站中对商品进行展示,网络相册中对相片进行展示等。另外,在网页中插入图片也可以起到美化页面的作用。在HTML页面中可以使用<img>标记插入图片。<img>标记的语法格式如下:

<img src="uri" width="value" height="value" border="value" alt="提示文字" >

<img>标记的属性说明如表1-2所示。表1-2 超链接标记的属性说明

例如,在HTML文档中,插入一个图片标记用于显示一幅图片,关键代码如下:

<img src="mrlogo.jpg">

‰□超链接标记

超链接是网页页面中最重要的元素之一。一个网站是由多个页面组成的,页面之间是根据链接确定相互的导航关系。单击网页上的链接文字或者图像后,就可以跳转到另一个网页。每一个网页都有唯一的地址,在英文中被称作URL(Uniform Resource Locator,统一资源定位符)。在HTML文档中,使用<a>标记来定义超链接。超链接标记的基本语法格式如下:

<a href="url" hreflang="language" name="bookmarkName" type="mimeType" charset="code"shape="area" coords="coordinate " target="target" tabindex="value" accesskey="key">

Linkcontent

</a>

属性说明如表1-3所示。表1-3 超链接标记的属性说明表1-4 链接的目标窗口属性在IE浏览器中,按住〈Alt〉键,再按下accesskey属性定义的快捷键(焦点将移动到该超链接),再按回车键即可执行该超链接;在火狐浏览器中,按住〈Alt+Shift〉快捷键,再按下accesskey属性定义的快捷键即可执行该超链接。

例如,在HTML文档中,添加一个链接到明日图书网的超链接的代码如下:

<a href="http://www.mingribook.com">明日图书网</a>

4.HTML 5新增的语义元素

在HTML 5中,为了使文档的结构更加清晰明确,追加了几个与页眉、页脚、内容区块等文档结构相关联的语义元素,下面将分别进行介绍。

‰□<header>元素

<header>元素表示页面中一个内容区域或整个页面的标题。通常情况下,它可能是一个页面中(指主体标记中)的第一个元素,可以包含站点的标题、Logo和旗帜广告等。

例如,应用<header>标记定义页面的页眉,包括网站的Logo和标题。代码如下:

<header>

<img src="mrlogo.jpg">

<h1>吉林省明日科技有限公司</h1>

</header>

运行上面的代码后,将显示图1-7所示的运行结果。图1-7 应用<header>标记定义的页眉

□<footer>元素

<footer>元素表示整个页面或页面中一个内容区域块的脚注。脚注中通常包含一些基本信息,例如,日期、作者、相关文档的链接或版权信息等。尽管脚注通常情况下都是放置在页面或者内容区块的最底部,但是它并不是必须放置在最底部,也可以根据实际需要进行合理的放置。

例如,应用<footer>标记定义页面的脚注,这里为显示版权信息。代码如下:

<footer>

<ul>

<li>CopyRight © 2012 www.mrbccd.com 吉林省明日科技有限公司</li>

<li>

本站请使用IE 9.0或以上版本 1280×1024为最佳显示效果

</li>

</ul>

</footer>

运行上面的代码后,将显示图1-8所示的运行结果。图1-8 应用<footer>标记定义页面的脚注

‰□<section>元素

<section>元素表示页面中的一个区域。例如,章节、页眉、页脚或页面中的其他部分。可以与h1、h2、h3、h4等元素结合起来使用,标识文档结构。

例如,应用<section>标记在页面中定义一个区域,代码如下:

<section>

<h2>section标记的使用</h2>

<p>编程词典系列软件是为各类爱好编程者和各级程序开发人员提供了学、查、用为一体的数字化编程软件。</p>

<footer>2012年5月12日</footer>

</section>

上面这段代码相当于在 HTML 4 中使用<div>标记来在页面中定义一个区域,运行结果如图1-9所示。图1-9 应用<section>标记定义一个区域

□article元素

article元素代表文档、页面或应用程序中的所有“正文”部分,它所描述的内容应该是独立的、完整的、可以独自被外部引用的,可以是一篇博文、报刊中的一篇文章、一篇论坛帖子、一段用户评论或任何独立于上下文中其他部分的内容。除了内容部分,一个<acticle>元素通常有自己的标题和脚注等内容。<article>标记的内容独立于文档的其余部分。

‰□<aside>元素

<aside>元素用来表示当前页面或文章的附属信息部分。可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条等信息。

‰□<nav>元素

nav 元素用来表示页面中导航链接区域,其中包括一个页面中(例如,一篇文章顶端的一个目录,它可以链接到同一页面的锚点)或一个站点内的链接。但是,并不是链接的每一个集合都是一个 nav,只需要将主要的、基本的链接组放进 nav 元素即可。例如,在页脚中通常会有一组链接,包括服务条款、版权声明、联系方式等。对于这些footer元素就足够放置了。一个页面中可以拥有多个nav元素,作为页面整体或不同部分的导航。

5.制作表格

表格是网页中十分重要的组成元素。表格用来存储数据。表格通常由标题、表头、行和单元格组成。在HTML语言中,表格使用<table>标记来定义。不过定义表格时,只使用<table>标记是不够的,还需要定义表格中的行、列、标题等内容。在HTML页面中定义表格,需要使用以下几个标记。

□表格标记<table>

<table>…</table>标记表示整个表格。<table>标记中有很多属性,例如width属性用来设置表格的宽度,border属性用来设置表格的边框,align属性用来设置表格的对齐方式,bgcolor属性用来设置表格的背景色等。

‰□标题标记<caption>

标题标记以<caption>开头,以</caption>结束,标题标记也有一些属性,例如align和valign等。

‰□表头标记<th>

表头标记以<th>开头,以</th>结束,也可以通过align、background、colspan、valign等属性来设置表头。

‰□表格行标记<tr>

表格行标记以<tr>开头,以</tr>结束,一组<tr>标记表示表格中的一行。<tr>标记要嵌套在<table>标记中使用,该标记也具有align、background等属性。

‰□单元格标记<td>

单元格标记<td>又称为列标记,一个<tr>标记中可以嵌套若干个<td>标记。该标记也具有align、background、valign等属性。

例如,在HTML文档中定义学生成绩表,代码如下:

<table width="300" height="150" border="1" align="center">

<caption>学生考试成绩单</caption>

<tr>

<td align="center" valign="middle">姓名</td>

<td align="center" valign="middle">语文</td>

<td align="center" valign="middle">数学</td>

<td align="center" valign="middle">英语</td>

</tr>

<tr>

<td align="center" valign="middle">琦琦</td>

<td align="center" valign="middle">89</td>

<td align="center" valign="middle">92</td>

<td align="center" valign="middle">97</td>

</tr>

<tr>

<td align="center" valign="middle">宁宁</td>

<td align="center" valign="middle">93</td>

<td align="center" valign="middle">86</td>

<td align="center" valign="middle">80</td>

</tr>

<tr>

<td align="center" valign="middle">婷婷</td>

<td align="center" valign="middle">85</td>

<td align="center" valign="middle">86</td>

<td align="center" valign="middle">90</td>

</tr>

</table>

运行上面的代码后,将显示图1-10所示的运行结果。图1-10 在HTML文档中显示学生成绩单

6.播放音频和视频

在 HTML 5 出现以前,如果开发者想要在 Web 页面中包含视频,可以使用<object>和<embed>元素,而这两个元素使用起来需要指定很多参数,比较麻烦。现在HTML 5 提供了两个用来播放音频和视频的标记<audio>和<video>,使用起来比较简单。下面将对这两个标记进行介绍。到目前为止,还不是所有浏览器都支持<audio>和<video>标记,不过在新版本的浏览器中将对该标记提供支持。其中,IE 9、Firefox 3.5、Safari 3.2、Chrome 3.0和 Opera10.5浏览器都已经开始支持<audio>和<video>标记了。

□播放音频标记<audio>

<audio>标记专门用来播放音频数据。它的使用方法比较简单,例如,要播放网络中的一首MP3音乐,那么可以使用下面的代码:

<audio src="http://www.mingrisoft.com/temp/cuckoo.mp3" autoplay> 您 的 浏 览 器 不 支 持<audio>标记!</audio><audio>标记可以支持多种音频格式,包括Ogg、MP3、AAC和WAV等,不同浏览器支持的音频格式也不尽相同。例如,IE 9 支持MP3和 ACC;Firefox 3.6+支持 Ogg和 WAV;Chrome 10+支持 Ogg、MP3、AAC和 WAV;Opera 11+支持 Ogg和 WAV。

由于各个浏览器支持的音频格式不尽相同,所以在应用<audio>标记在页面中播放音频时,需要根据不同的浏览器提供不同格式的音频文件,这样才能让要播放的音频数据在不同的浏览器上都能播放。例如,要播放一首萨克斯曲《茉莉花》,我们需要使用下面的代码。

<audio autoplay>您的浏览器不支持<audio>标记!

<source src="jasmine.ogg" type="audio/ogg">

<source src="jasmine.mp3" type="audio/mpeg">

</audio>

这样就可以做到,在IE 9 浏览器中能播放这首音乐,而在Firefox 3.6+中也能播放这首音乐了。

□播放视频标记<video>

<video>标记用于播放视频数据。它的语法格式如下:

<video src=”url” width="value" height="value" autoplay="true|false" controls="true|false" >

您的浏览器不支持<video>标记!

</video>

• src属性:用于指定要播放的视频,它的属性值为视频的 URL地址。

• width属性:用于指定播放器的宽度。

• height属性:用于指定播放器的高度。

• autoplay属性:用于指定是否自动播放视频,属性值为true或false。为true时表示自动播放,否则为不自动播放。

• controls属性:用于指定是否显示播放控制组件,属性值为true或false。为true时表示显示播放控制组件,否则为不显示播放控制组件。

例如,在HTML文档中播放MP4视频。代码如下:

<video src="mingrisoft.mp4" autoplay="true" controls="true" >

您的浏览器不支持<audio>标记!

</video><video>标记可以支持多种视频格式,包括 Ogg、MP4、WebM 等,不同浏览器支持的视频格式也不尽相同。例如,IE 9支持MP4;Firefox 3.6+支持Ogg;Chrome 11+支持Ogg、MP4、WebM和 WAV;Opera 11+支持 Ogg 和WebM。

由于各个浏览器支持的音频格式不尽相同,所以在应用<video>标记在页面中播放视频时,需要根据不同的浏览器提供不同格式的视频文件,这样才能让要播放的视频数据在不同的浏览器上都能播放。例如,要播放一传宣传视频,那么,我们需要使用下面的代码。

<video width="720" height="576" autoplay="true" controls="true" >

您的浏览器不支持<audio>标记!

<source src="mingrisoft.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'/>

<source src="Big.ogv" type='video/ogg; codecs="theora, vorbis"' />

</video>

这样就可以做到,在IE 9浏览器中能播放这段视频,而在Firefox 3.6+中也能播放这段视频了。

7.表单标记

通过HTML表单,可以将用户输入的信息提交到服务器中,经服务器处理后,再回传给客户端的浏览器。从而实现网站与用户之间的交互。所以说HTML表单是进行动态网站开发必不可少的内容。下面将对HTML中的表单标记进行介绍。

‰□<from>标记

<form>标记用于在页面中插入表单,在该标记中可以定义处理表单数据程序的 URL 地址等信息。<form>标记的语法格式如下:

<form name="form name" method="method" action="url" enctype="value"target="target_win">

</form>

• name属性:用于指定表单的名称。

• method属性:用于指定表单的提交方式,其可选项包括POST和GET。

• action属性:用于指定表单提交的URL地址(相对地址和绝对地址),也就是表单的处理页。

• enctype 属性:用于设置表单内容的编码方式。其可选值包括以下 3 个:text/plain 以纯文本形式传送信息;application/x-www-form-urlencoded表示默认的编码形式;multipart/form-data表示使用MINE编码。

• target属性:用于指定返回信息的显示方式,其可选值如表1-5所示。表1-5 target属性的可选值

例如,在 HTML 文档中插入一个表单标记,设置表单名称为 form,当用户提交表单时,提交至action.html页面进行处理。

<form id="form1" name="form" method="post" action="action.html" target="_blank">

</form>

‰□<input>表单输入标记

表单输入标记是使用最频繁的表单标记,通过这个标记可以向页面中添加单行文本、多行文本、按钮等。<input>标记的语法格式如下:

<input type="image" disabled="disabled" checked="checked" width="digit"height="digit" maxlength="digit" readonly="" size="digit" src="uri" usemap="uri" alt=""name="checkbox" value="checkbox">

<input>标记的属性如表1-6所示。表1-6 <input>标记的属性

type属性是<input>标记中非常重要的内容,决定了输入数据的类型。该属性值的可选项如表1-7所示。表1-7 type属性的属性值续表在表1-7 所列出的属性值中,“说明”栏目中被标记为*号的属性值为 HTML 5新增加的功能,在 Opera 11浏览器中,可以看到表1-6所示的效果。在 HTML 5中,还提供了两个有用的属性,即placeholder(占位文本)属性和 autofocus(自动聚焦)属性。使用 placeholder 属性,可以为输入框设置占位文本;使用 autofocus属性时,当页面载入后,该输入框将自动获得焦点。不过,到目前为止,IE 9还不支持这两个属性。当输入框为空,并且失去焦点时显示出来,而一旦用户输入了实际内容,或者该输入框获得了焦点,这个占位文本就会消失。

‰□<select>…</select>下拉菜单标记

<select>标记可以在页面中创建下拉列表,此时的下拉列表是

试读结束[说明:试读内容隐藏了图片]

下载完整电子书


相关推荐

最新文章


© 2020 txtepub下载