表单中的常用控件file.ppt

任务流程 表单是网页用于数据输入的基本界面。主要由文本框、多行文本框、单选按钮、复选框、下拉式菜单、标签和动作按钮等表单控件组成。表单可以是单一的搜索对话框，也可以是多页面的数据采集界面。 任务流程 表单中的常用控件 任务流程 1．Input标记 任务流程 1．Input标记 任务流程 1．Input标记 任务流程 ⑵按钮 普通按钮：（type=buttom）单击后执行设定的代码。 提交按钮：（type=submit）当用户单击这个按钮后，用户的输入信息即被传送到服务器。 重置按钮：（type=reset）当用户单击这个按钮后，用户输入的信息全部清除，用户重新输入信息。 语法格式： input type=buttom|submit|reset name=? value=? align=? 任务流程 ⑵按钮 任务流程 ⑶单选框 在多个选项中，用户一次只能选一个项。 类型为：type=“radio”。 语法格式： input type=radio name=? value=? align=? checked 任务流程 ⑶单选框 任务流程 ⑷复选框 在多个选项中，用户一次能选多个项。 类型为:type=checkbox。 语法格式： input type=checkbox name=? value=? align=? checked 任务流程 ⑷复选框 任务流程 ⑸文件域 可以使用户在本地选择一个文件，并上传给服务器的相应处理程序。 类型为：type=file。 语法格式： input type=file name=? value=? maxlength=? 任务流程 ⑸文件域 任务流程 ⑹隐藏域 隐藏域不会显示任何输入界面，而是赋予一个内定值随表单一起传递给服务器。 语法格式： input type=hidden name=? value=? 任务流程 ⑹隐藏域 任务流程 2．select……/select标记 和option……/option标记结合使用，用于产生一个下拉式列表框。 语法格式： select name=? size=? multiple option value=? selected项目文本1/option option value=? 项目文本2/option …… option value=? 项目文本n/option /select 任务流程 2．select……/select标记 任务流程 3．textarea……/textarea标记 有时候用户需要输入比较多的文字，此时，文本框就不能满足用户的需求，需要一个可以输入大量文字的元件，即文本域。 语法格式： textarea name=? cols=? rows=? wrap=off| virtual|physical /textarea 任务流程 3．textarea……/textarea标记 电子商务网页制作 HTML中的表单标记 学习目标 知识目标： 能理解常用的表单控件在网页设计中的作用。 能理解标记的名称、常用属性及HTML语法格式。 能力目标： 能掌握表单及表单控件的插入方法。 能掌握表单及表单控件属性的基本设置方法。 一、认识表单 表单有如下性质： 表单中可以输入一些内容，这些输入功能由控件提供，叫做表单元素。 表单中一般都有一个按钮负责提交。 点击“提交”按钮，表单元素中的内容会提交给服务器端。 表单元素放在form/form之间。 二、表单中的常用控件 隐藏域：不在网页中显示出来，主要用途是为网页交互时存储一些不需要在网页显示的数据。 hidden 文件域：获得本地文件路径，作为上传至服务器的依据。 fileField 多行文本框：又称为文本域，用于接收用户输入的多行文本。 Textarea 下拉式菜单：从下拉列表中选择项。 Select 复选框：一组选项中可以选择多项。 Checkbox 单选按钮：一组选项中只能选择一项。 Radio 重置按钮：清空表单的内容，恢复到初始状态。 Reset 提交按钮：提交表单数据到相应的处理程序。 Submit 普通按钮：响应用户鼠标点击。 Button 文本框：用于接收用户输入的文本。 text 功能 控件 元素 二、表单中的常用控件 input标记表示一组用于数据录入的基本控件。表单的不同类型的元素是通过设定属性type=表单类型来确定。 二、表单中的常用控件 ⑴单行文本框和密码框 type=text：单行文本框。用于输入文本（含 数字、符号等）内容。 type=pa