第二章-HTML基础知识(二)表单.pptVIP

HTML基础知识(二) -表单控件 表单Form 表单是Web中实现交互的主要界面，由不同的控件构成，完成不同的用户交互功能。 表单控件是用来收集用户信息的域。表单中的每一个控件都有名称（name）和值（value）。当用户填写好表单并提交时，可用这些“名/值”对处理表单。 表单Form form标记主要包含两个属性：action和method。其语法如下： form action=url method=get | post 表单元素/form Action属性 指定用户提交表单时，服务器将处理的后台程序地址 表单Form的属性 method属性：get和post 定义浏览器如何将编码后的数据发给服务器 get 表单的提交是通过获取组成本地程序的URL来完成的 post 直接将表单中的值发送给Web服务器 Target属性 用来指定目标窗口或目标帧 例如： form name=“myForm” method=“post” action=“/progs/feedback.asp” …… /form input控件 输入控件标记 input type=“控件类型名” value=“默认值” name=“控件名” type 控件类型: text,password,radio,checkbox, button,file,submit,reset,image 文本框控件-text 格式： input type=“text” name=“名称” value=“默认值” 常用属性： value：在文本框中显示的内容，代表了文本框的值。 size：文本框输入区域的宽度，以英文字符个数为单位。 maxlength：文本框中最多能够输入的字符个数。 readonly：readonly不需要赋值，决定要文本框是否只读，加上为只读。 例如： input type=“text” name=“id” size=“10” value=“guest” maxlength=“8” Password文本框 与text相同，只是显示* 例如： input type=“password” name=“id” size=“10” value=“guest” maxlength=“8” 多行文本框 采用双标记textarea /textarea Name属性 Rows属性和cols属性 设置文本框的列数和行数 例如： textarea name=“brief” rows=“5” cols=“40” Button控件 Name属性 Value属性——按钮的显示名称 按钮在单击时，通过需要执行一段相关的脚本程序代码，以完成相应的动作. 例如： input type=“button” value=“回前一页” onclick=“history.go(-1);return ture;” input type=“button” value=“关闭窗口” onclick=“window.close();return ture;” Radio控件 单选按钮，若干个radio为一组。 同一组里只有一个能被选中。 同一组radio具有相同的name，不同的value。 例如：性别的radio组 input type=“radio” name=“gender” Value=“female”女性 input type=“radio” name=“gender” Value=“male”男性 Checkbox控件 复选框控件，每一个相互独立。 例如： input type=“checkbox” name=“interests1” value=“sports” checked体育 input type=“checkbox” name=“interests2” value=“music” checked音乐 下拉列表框 select/select标记对来定义下拉列表框 或可以复选的列表框 option/option标记定义选项 select的属性 Name属性 Size属性——下拉式列表的高度 设置后没有popup效果 Multiple属性——多选 不用赋值，直接加入 option属性 Value属性 选中时，传送给服务器的值。 Selected属性 默认选项，只有一项可以被设置。 无需赋值 例如： select name=“city” width=“100” option value=“beijing”北京/option option value=“shanghai”上海/option option value=“guangzhou”广