HTML网页制作第二章.ppt

2.网页常用标签 2.9 表单 表单的主要功能是收集信息，具体说是手机浏览者的信息。典型的表单应用有:用户注册、用户登录、网上购物、意见调查、搜索功能等。 method属性就是用于设置传送数据的方式。每种方式传输数据各有自己的优缺点，使用get方式传输数据的时候会将表单中数据的按照variable=value的形式，添加到action所指向的URL后面，并且两者使用”?”连接，而各个变量之间使用“”连接，所以get方式的特点有: 1)数据量小。 2)安全性差。 3)数据较快。 post方式的所有操作对用户来说都是不可见，其特点有： 1)数据量大，理论上是无限的。 2)安全性高。 3)数据较慢。 注意:我们在使用表单是要根据实际情况选择提交方式，一般使用post方式发送表单数据。 target:指定表单提交后返回信息的显示方式，其常见值如表: _blank 返回信息在新打开的浏览器窗口中 _parent 返回信息显示在父级浏览器窗口中 _self 返回信息显示在当前浏览器窗口中 _top 返回信息显示在顶级浏览器窗口中 2.网页常用标签 2.9 表单 例2-12：form表单登录 body form aciton=“” name=“” method=“post” table align=“center” cellpadding=“4” bordercolor=“#006699” width=“200px” tr th colspan=“2”欢迎登录hr size=“1”//th /tr tr td align=“right” width=“60px”帐号:/td td input tpye=“text” name=“account” size=“12px”/ /td /tr tr td align=“right” width=“60px”密码:/td td input tpye=“password” name=“account” size=“12px”/ /td /tr tr td colspan=“2” align=“center” hr size=“1”/ input type=“submit” value=“登录”/ /td /tr /table /form /body 2.网页常用标签 2.9 表单 表单控件 根据表单控件的作用和使用效果我们可以将表单空间分为文本标签、输入控件、文本域控件、下拉框、按钮等。 1、文本框 input type=“text” 属性1=“值1” 属性2=“值2”/ 2、密码框 input type=“password” 属性1=“值1” 属性2=“值2”/ 3、文本域 textarea 属性1=“值1” 属性2=“值2”默认值/textarea name:用于设置控件的名称，和input/标签的name属性作用相同。 rows:设置文本域控件显示的高度。比如rows=“5”,表示文本域在网页中显示高度为5行字符的高度。 cols:用于设置文本域控件显示的宽度，作用和input/标签的size属性类似。 4、下拉列表控件 select 属性1=“值1” option value=“值”显示内容/option /select name:用于指定元素的名称，表单提交时会将name属性与所选者的值一起提交。 multiple:允许用户选择多个选项。 size:在多个选项可以滚动查看时，用于指定可以同时查看到多个选项。 Company Logo 本章回顾 网页制作基础 Add Your Text 常用标签 表单 表格 DIV层 Company Logo HTML网页制作 第二章 网页常用标签 图片、超级链接、列表、滚动效果 本章主要内容 表格和层及表单 教学要求 1 了解在网页中图片的添加及每个页面之间链接的形成。 2 认识网页中的表格和层，及用表格进行网页布局 2.网页常用标签 2.1 图片 1）图片标记 在网页中我们可以使用img/标签插入图片， img/标签的语法如下: img src=“图片路径” 属性1=“值1” 属性2=“值2”…/img img src=“图片路径” 属性