第3章 HTML高级应用 网站设计与开发素质课课件.pptVIP

第3章 HTML高级应用 网站设计与开发素质课 传媒技术学院 于连民 yulm2005@163.com 微博：/yulianmin 3.1 表单 表单 用于搜集用户输入的数据，它是一个包含表单元素的区域，表单元素（如文本域、下拉列表、单选框、复选框等等）是允许用户在表单中输入信息的元素，常见表单如：用户注册、登录等 表单使用表单标签（form）定义。 form ... 表单元素 ... /form 3.1 表单 表单 属性主要有两个： action：指明提交的数据交于哪个页面进行处理 method：用于指明以哪种方式进行提交 Get：通过 URL 请求来传递用户的数据，一般用于传递较小数据 Post：将数据放在请求包中进行提交给服务器，多用于传递较大数据 form action=reg.aspx method=post …. /form 3.1 表单 文本框 用于接收用户输入的较短的文本内容 用户名：input type=text name=username / 3.1 表单 密码框 与文本框类似，只是输入的内容将以*的方式显示 密码：input type=password name=password / 3.1 表单 单选按钮 名称相同的单选按钮为同一组按钮，在同一组单选按钮中，只有一个可以被选中，提交给服务器的值为其属性Value的值，如果初始化被选中，则只需设置此项的checked属性 性别： input type=radio name=gender value=男“ checked=checked /男 input type=radio name=gender value=女 /女 3.1 表单 多选框 名称相同的多选框为同一组，在同一组中，可以有多个选项被选中，提交到服务器的值仍是属性Value的值，如果多选，则多个值之间以“,”分隔 每天都访问的网站： input type=checkbox name=site value=baidu checked=checked /百度 input type=checkbox name=site value=renren /人人网 input type=checkbox name=site value=lcu /聊大 input type=checkbox name=site value=qq /腾讯 3.1 表单 下拉列表 如果选项比较多，且只选择一项，则可以使用下拉列表，提交的值为所选项的Value的值 学院 select name=depart option value=ect传媒学院/option option value=cs计算机学院/option option value=sxy商学院/option /select 3.1 表单 列表框 是下拉列表的另一种显示形式，在此形式下，选项可以被多选 学生 select name=student size=5 multiple=multiple option value三/option option value四/option option value五/option /select 3.1 表单 文本域 用于接收大量的字符内容，提交的值不是属性Value的值，而是标签之间的内容 简介 textarea name=about 一名三好学生 /textarea 3.1 表单 隐藏域 不是用于接收用户的输入，是不可见元素，用于数据的传递 input type=hidden name=stuid value/ 在页面中你看不见我 3.1 表单 文件域 用于选择文件，以便上传到服务器，上传到服务器仅需要此表单元素是不够的，还需要在服务器端编写相应的代码 input name=file type=file / 3.1 表单 按钮 按钮分为三种，取决于type属性的值 Submit：提交按钮，将所在表单进行提交 Reset：重置按钮，将所在表单表单元素还原到初始状态 Button：普通按钮 input type=button name=btn1 value=按钮 / input type=submit name=btn2 value=提交 / input type=reset name=btn3 value=重置 / 3.2 框架 框架： 使用框架的页面，会将浏览器窗口分隔成几个窗口，而每一个窗口是独立存在的，即每一窗口都可以打开一个页面 普通框架：直接将浏览器以行和列的方式进行分隔 内嵌框架：可以将一个框架嵌在页面的任何位置 3.2 框架 普通框架： frameset…/frameset 决定如何划分Frame。fra