第02章 HTML基础知识.pptVIP

第八节 表单 一、认识表单 二、表单的作用 表单是用来收集浏览者的用户名、密码、 Email地址、个人爱好和联系地址等用户信息的输入区域集合。 表单域： （１）单行文本框 （２）多行文本框 （３）单选按钮 （４）复选按钮 （５）下拉列表框 （６）提交和重置按钮 三、各表单元素的标记和主要属性 １.表单标记符-----form 设置表单的起止位置，并指定处理表单数据程序的url地址。 语法结构： ＜form action=“url” method=“get”/”post”＞/form Action用于设定处理表单数据程序URL的地址。 method指定数据传送到服务器的方式。 三、各表单元素的标记和主要属性 2. 表单输入标记符---input INPUT type=text/password/ checkbox/radon/submit/reset/file/hidden/ image/button Type的值决定了输入数据的类型. type：text表示输入单行文本。 type：password表示输入数据为密码，用“*”表示。 type：checkbox表示复选框。 type：radio表示单选框。 type：submit表示提交按钮，数据将被送到服务器。 type：reset表示清除表单数据，以利于重新输入。 type：file表示插入一个文件。 type：hidden表示隐藏按钮。 type：image表示插入一个图像。 type：button表示普通按钮。 三、各表单元素的标记和主要属性 3.控件定义方法 (1) 文本框和口令框 INPUT type=text name= value= size= “ maxlength= 三、各表单元素的标记和主要属性 3.控件定义方法 (2)复选框与单选按钮 INPUT type=checkbox name= value= ,（checked） INPUT type=radio name= value= ，（checked） 三、各表单元素的标记和主要属性 3.控件定义方法 (3)按钮 INPUT type=submit value= name= INPUT type=reset value= name= INPUT type=button value= name= 三、各表单元素的标记和主要属性 3.控件定义方法 (4)多行文本框 TEXTAREA name= rows= cols= 默认多行文本/TEXTAREA 三、各表单元素的标记和主要属性 3.控件定义方法 (5)选项菜单 SELECT name= size= （multiple） OPTION label= value= （selected）选项1内容/OPTION OPTION label= value= （selected）选项2内容/OPTION !--更多OPTION标记-- /SELECT 总结 HTML概述与基本结构 HTML主体标签及属性、颜色的设定 文字版面的编辑 建立超链接 图像的处理 TABLE表格 网页的动态、多媒体效果 表单 * head中描述的内容不在浏览器正文中显示 body中描述的内容在浏览器窗口内显示 * * 例如，用绝对路径定义了链接，当把文件夹改名或者移动之后，那么所有的链接都要失败，这样就必须对你的所有html文件的链接进行重新编排，而一旦将此文夹件移到网络服务器上时，需要重新改动的地方就更多了，那是一件很麻烦的事情。而使用相对路径，不仅在本地机器环境下适合，就是上传到网络或其他系统下也不需要进行多少更改就能准确链接。 * 在浏览页面时如果页面很长，要不断的拖动滚动条给浏览带来不便，要是浏览者可以从上头阅读到尾，又可以选择自己感兴趣的部分阅读，这种效果就可以通过书签链接来实现； * 在HTML页面中，可以建立E-mail链接。当浏览者单击链接后，系统会启动默认的本地邮件服务系统发送邮件。 * 网页中插入图片用单标签img，当浏览器读取到img标签时，就会显示此标签所设定的图像。如果要对插入的图片进行修饰时，仅仅用这一个属性是不够的，还要配合其它属性来完成。IMG 的格式及一般属性设定： img src=logo.gif width=100 height=100 hspace=5 vspace=5 border=2 align=top alt=Logo of PenPals Garden lowsrc=pre_logo.gif * 有两种主要的方式，当method=GET时，将输入数据加在action指定的地址后面传送到服务器；当method=POST时则将输入数据按照HTTP输送协议中的