第三章 表单和表单元素(理论).pptVIP

什么是程序程序是怎么开发出来的编译连接运行什么是IDE编译和调试表单和表单元素第三章本章单词form （表，表单）input （输入）text （文本）password （密码）radio （无线电，收音机，单选按钮）checkbox （检验盒，复选框）file （文件）hidden （隐藏）submit （呈送，提交）reset （清零，重置）button （纽扣，电钮，按钮）image （镜像，影像，图像）textarea （文本区域，文本框）select （挑选，选择）option （选择权，选项）label （符号，标签）预习检查*预习检查以下（）全部都能由input/标签创建。文本框列表框复选框密码框复选框多行文本框提交按钮自定义命令按钮文件域隐藏域密码框提交按钮图片按钮列表框以下（）全部都可作为input/标签type属性的值。text password radio checkboxfile hidden image selectsubmit reset button optiontextarea label fieldset预习检查以下（）全部都是input/标签的属性。idnamevalueselectedsizemaxlengthsrctextcheckeddisabledcolsrowstypealtreadonlyenctypebutton/button标签未设置type属性时，在IE和Firefox浏览器中，这个属性的默认值分别是()。input buttonreset submitbutton submitsubmit button预习检查要将包含密码数据的登录表单提交到WEB服务器中处理，应为form/form的()属性的值设置表单处理程序的地址，并应将表单的()属性的值设置为()。post action methodaction method getmethod post actionaction method post本章目标理解表单的作用理解表单与表单元素的关系掌握表单标签及其属性掌握各种表单元素标签及其属性认识表单提交网页中使用表单表单form [浏览者在此填写表单数据。]/form演示例3-1当浏览者需要填写数据并将这些数据发送到服务器端时，需要在页面中创建表单。浏览者可以填写表单中的文本框，密码框等表单元素，并确认向服务器发送这批数据，由此实现浏览器与服务器之间的数据交互。表单元素表单的数据需要用表单元素来实现浏览者的输入表单中包含的文本框、密码框等即为表单元素其他的表单元素还有单选按钮、复选框、文件域、隐藏域、提交按钮、重置按钮、自定义命令按钮、图像按钮、多行文本域、列表框等。使用input、textarea、select和option等标签创建表单元素input/标签form 请输入要查找的书籍名称: input/ inputtype=submit/form演示例3-2form 会员名:inputtype=text/br/ 登录密码:inputtype=password/br/ 性别: inputtype=radio/男 inputtype=radio/女br/ 婚姻状况:inputtype=checkbox/已婚br/ 相片:inputtype=file/br/ inputtype=submitvalue=注册/ inputtype=reset//form不同类型的表单输入元素演示例3-3input标签的type属性type属性的值意义text文本框。type属性的默认值。password密码框。浏览器将显示明文显示成为密码字符。radio单选按钮。应成组地使用，一组中包含多个相关的单选按钮。checkbox复选框。可单独立使用，也可成组使用。file文件域。用于让浏览者选择本机的文件，表单提交时，此文件将上传到服务器端。hidden隐藏域。用于在表单内隐含一个预设的数据，相当于一个浏览者看不到的文本框。submit提交按钮。用于表单填写完成时，将此表单的所有数据发送到服务器端。reset重置按钮。