《网页设计语言教程》第8章 表单的设计

第8章表单的设计 HTML是利用表单(Form)来设计交互界面的

第8章 表单的设计 HTML是利用表单（Form）来设计交互界面的

表单作用 表单是用于实现网页浏览者与服务器 之间信息交互的一种页面元素,它由 表单控件和一般内容组成。例如 【邮件 [sn:密码"进入找回密码申译 精品 263在线 国际 263. net 享受 53653邮件短信游戏娱乐生活女性↓留学财经秀交友 示例1 示例2

表单是用于实现网页浏览者与服务器 之间信息交互的一种页面元素，它由 表单控件和一般内容组成。 例如： 示例1 示例2 表单作用

表单工作原理 ⑧动态生成一个HTML QTHD 《/mT》 网页回复访问者 ①访问者填写完表单 服务器端运行脚 提交到Web服务器 本程序处数表单数据

表单工作原理

8.1标签 8.2标签 8.3下拉菜单 select/ option 8.4多行文本框 textarea 8.5表单在网页中的应用

8.1 标签 8.2 标签 8.3 下拉菜单select/option 8.4 多行文本框textarea 8.5 表单在网页中的应用

8.1标签 >表单标签是成对标签,首标签之间的内容就是一个表单。 表单form中的HTML代码要完成两件事情:一是指 出服务器程序的路径和名称,二是要将给定信息传 递给服务器程序

➢表单标签是成对标签，首标签和尾 标签之间的内容就是一个表单。 ➢表单form中的HTML代码要完成两件事情：一是指 出服务器程序的路径和名称，二是要将给定信息传 递给服务器程序。 8.1 标签

Form表单的基本格式: 在HTML中,form的语法结构如下: Input> . ./textarea> 在标签里有三个属性: action、 method 和 enctype

Form表单的基本格式： 在HTML中，form的语法结构如下： … … … … 在标签里有三个属性：action、method 和enctype

1. action属性 acti on属性指出该表单所对应的处理程序的 位置。它的参数值就是该程序的URL

1．action属性 action属性指出该表单所对应的处理程序的 位置。它的参数值就是该程序的URL

2. method属性 method属性用于指定该表单的运行方式。属 性的参数值为get和post之一,默认的方式是get 当值为ge时表示该表单主要是从服务器中获取信 ,因此它传送给服务器的反馈信息长度不能超过 255个字符;当值为post时表示该表单主要是向服 务器发送信息的,它传送给服务器的反馈信息长度 没有限制

2．method属性 method属性用于指定该表单的运行方式。属 性的参数值为get和post之一，默认的方式是get。 当值为get时表示该表单主要是从服务器中获取信 息，因此它传送给服务器的反馈信息长度不能超过 255个字符；当值为post时表示该表单主要是向服 务器发送信息的，它传送给服务器的反馈信息长度 没有限制

Enctype属性 Enctypel的缺省值为:“ application/x www-form-urlencoded enctype= multipart/form-data

Enctype属性 • Enctype的缺省值为：“application/x￾www-form-urlencoded” • enctype="multipart/form-data

8.2标签 8.2.1文本框text 8.2.2提交按钮 submit与重置按钮 reset 8.2.3密码框 password 8.2.4单选框 radio 8.2.5复选框 checkbox 8.2.6图像按钮 image 8.2.7隐含框 hidden 8.2.8文件选择输入框file

8.2 标签 8.2.1 文本框text 8.2.2 提交按钮submit与重置按钮reset 8.2.3 密码框password 8.2.4 单选框radio 8.2.5 复选框checkbox 8.2.6 图像按钮image 8.2.7 隐含框hidden 8.2.8 文件选择输入框file