《06-表单1.ppt》由会员分享,可在线阅读,更多相关《06-表单1.ppt(9页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第6章 表单网页设计与制作实例教程知识要点n表单的功能n表单标记n表单中常用的控件和属性网页设计与制作实例教程实例6-1 简单的表单输入 是表单的标记,可以看做一个包含很多表单控件的容器,它的主要功能就是布局各种表单控件,让表单以友好的界面呈献给用户。基本语法结构是:表单的内容网页设计与制作实例教程表单中常用的控件和属性表单中常用的控件和属性控件控件标记标记作用作用input type=text单行文本输入框input type=password 密码输入框(输入的文字用*表示,以防别人偷窥)input type=radio单选框input type=checkbox复选框input type
2、=submit将表单里的信息提交给表单里action所指向的文件input type=reset清除用户填的所有信息,回到初始状态select下拉框textArea多行文本输入框网页设计与制作实例教程实例6-2 简单的登陆页面name=your_name,是设定文本预的名称,后台程序中经常会用到name属性。size=数值,设定此控件显示的宽度或者长度。value=预设内容,设定此控件的预填内容。maxlength=数值,设定此控件可输入的最大长度。网页设计与制作实例教程实例6-3 单选和复选控件 利用type=“radio”就会产生单选控件,单选控件通常是罗列好几个选项供使用者选择,一次只能
3、从中选一个。利用type=checkbox 就会产生复选控件,复选控件通常是罗列好几个选项供使用者选择,一次可以同时选多个。网页设计与制作实例教程实例6-4 文本框和下拉菜单的练习 利用来产生一个可输入多行文字的控件,两个标记之间的文字会出现在文本框中,可作为预设的文字。应用就可以产生一个下拉菜单,另外还需要配合标签来产生选项。网页设计与制作实例教程实例6-5 表单综合实例 网页设计与制作实例教程实例分析1表单提交属性表单提交属性用户填入表单的信息总是需要程序来进行处理,表单里的action就指明了处理表单信息的文件。method属性表示了发送表单信息的方式。method有两个值:get和post。get的方式是将表单控件的name/value信息经过编码之后,通过URL发送,信息量较小。而post则将表单的内容通过http发送,在地址栏看不到表单的提交信息,信息量较大。2表格布局表单表格布局表单表单的布局设计中,经常需要使用表格来帮助排版。表单和表格的正确嵌套顺序是:。3使用使用lable标签提升表单的可用性标签提升表单的可用性应用到了lable标签,如:,其中的for属性用于指定与该标签相关联的表单控件。当for所指的名称和表单某控件的id值相同的时候,如:这本书对您是否有帮助?,则点击“这本书对您是否有帮助?”这段文字的同时,对应的单选控件会响应。网页设计与制作实例教程