第12章神奇的表单?让我们真正的来接触DHTML,之前的所有网页浏览者只能看到,或者使用超链接去浏览另外一个页面或者页面内的锚点,但是这些可不能算是动态页面。现在,大多数网站都具备收集用户信息的功能,如发表留言、输入账号等等,而通过使用表单能够使用令浏览者和页面互动起来。?本章的主要知识点有:–表单是如何工作的。–如何创建表单。–不同功能多种样式的表单–表单域能够做些什么。–在前面的一章中了解了什么是JavaScript程序,而事实上,要分清楚两个概念,什么是JavaScript的程序部分,该如何去触发JavaScript程序。 表单的工作原理?表单的最重要的表现就是在客户端接受用户的信息,然后将数据递交给后台的程序来操控这些数据。从技术的概念上,表单就是一个操作form对象的使用,对象是一种基本的数据类型。 <script>标记?JavaScript程序的调用类似于CSS样式表,可以像嵌入式样式表一样放入在<head>标签中,也可以像外联式样式表一样通过链接来引用。所以,当放入到<head>标签中使用时,需要通过<script>标记命令行,如代码12-1中第8句和第24句。浏览器通过<script>标签获的分析程序的信息,来告诉浏览器使用的是哪种语言的脚本,如代码12-1中第8句。?<script language="JavaScript">?告诉浏览器,这是JavaScript脚本。?如果是通过引用外部JavaScript程序,就像链接外联样式表那样,那么代码应该写成,?<script type="text/javascript" src="">?</scirpt>?说明:。JavaScript的程序设计参考13、14章。 创建表单?创建一个表单看上去就像创建表格,表格的单元格、行、列都放在<table>标签中,而创建表单的方式就像是创建一个表格,使用<form>标签来创建。其中放置表单的对象,如表单域、按钮和其他事物?<form>标签中可扩展几个属性,分别是action、method、enctype和target属性。action属性表示将数据传送到指点的URL地址,method属性的值告诉浏览器通过怎样的方式来提交数据。还有enctype属性和target属性,前者用来表示编码方式和后者用来表示目标的显示方式。 表单域?表单域是用户输入数据的地方。说得形象一些,就相当于是用户给程序下命令或者给指示的聊天窗口。当然,这种下命令的方式有许多,如最常见的文本域,(,那其中就包含了一个简单的文本域表单)、下拉列表等等。表单域可分为3个对象:input、textarea和select。其中大部分类型的表单形式都通过input属性来实现,textarea和select值创建一种控制类型。在接下来的一节中,将重点分析依赖这些对象实现的表单类型。 通过表单展示不一样的页面?表单中包含多种不同样式不同功能的提交数据的方式,在许多页面中,浏览者不经意间已经不断的在使用表单的功能,如留言、设置自己的密码、或者是复选框、下拉列表等等。不同的功能实现不同的作用。 input对象下的多种表单表现形式?通常,在页面中见到的大部分表单的形式都是通过输入标记input来实现的,一个简单的样式看上去可以是这样的,?<input name="" ?type="" ?value=""?size=””?maxlength=””>?“name”表示这个输入数据的名字,它的作用也是为了让程序明白所提交的数据,如代码11-1中32句。?<input type="text" name="length">?这个输入的数据被命名为“length”,在第15句中:?var length = ;?前面的一个“length”是程序定义的标识符为“length”,后面的一个“length”则是表示获取通过第32句提交的“length”数值,如果第32句中,缺少了这样的一个name属性,虽然在浏览器中显示的没有什么变化,但事实上,后台程序或者JavaScript程序就不能获得提交的数据。 text文本框的样式表单?text样式下的文本框是一个单行的文本框,比较常见于“登录”这样的使用,如代码12-2是一个有着text样式的表单。?【本节示例参考:资料光盘\第12章\12-2 】 password输入密码的样式表单?这是一个可以将文本使用保密形式展示出来的一个功能,最常见的莫过于使用在密码的设置。根据不同的浏览器,会使
HTML+的CSS网页设计指南 (4) 来自淘豆网m.daumloan.com转载请标明出处.
