第6章表单要点.pptVIP

网页设计基础 6.1 建立表单 表单是实现交互动态网页的一种主要的外在形式，是网站管理者与浏览者之间沟通的桥梁。 表单的主要功能是收集信息，接受浏览者在网页中的操作，并传递给服务器端的表单处理程序。 表单是网页上的一个特定区域，它由form标签定义。 语法： form name=“form_name” method=“method” action=“url” …… /form name属性:用来定义表单的名称 语法： form name=“form_name” action属性:用来指定表单处理程序的位置 语法： form action=“url” method属性:用来定义表单结果从浏览器传送到服务器的方式 语法： form method=“get” (默 认) 或 form method=“post” 6.2 输入标记 input标签是表单中的输入标记，它是个单标签。 语法： input name=“file_name” type=“type_name” / 文本框 1、单行文本框 type=text，表示该输入项输入的是字符串，输入的内容以单行显示。 type=text，input标签除了有name和type属性外,还有3个可选的属性:value、size、maxlength。 value属性：用来设定文本框中的初始值 size属性：用来设定文本框的长度 maxlength属性：用来设定该文本框允许用户输入的最大字符数 2、密码框： 当type=“password”时，其使用方法与text很相似。 password 所输入的字符全以?号表示, 以保证密码的安全性。 按钮 1、普通按钮 当type=“button”时，表示该输入项输入的是普通按钮。 value属性：用来设定显示在按钮上的文字。 2、提交按钮 当type=“submit”时，表示该输入项输入的是提交按钮。 单击提交按钮后，浏览器可以将表单的输入信息传递给服务器。 3、重置按钮 当type=“reset”时，表示该输入项输入的是重置按钮。 单击重置按钮后，浏览器可以清除表单的输入信息而恢复到默认的表单内容设定。 一般情况提交和重置按钮应该同时出现。 单选框和复选框 1、单选框 当type=“radio”时,表示该输入项是一个单选项,具有相同name属性的单选按钮形成一个组,用户只能选择单选项中的一项作为输入信息。 checked属性，用来表示此项被默认选中。 value属性，用来设定选中项目后传送到服务器端的值。 2、复选框 当type=“checkbox”时,表示该输入项是一个复选框，用户可以同时选中表单中的一个或多个复选项作为输入信息。 checked属性，用来表示此项被默认选中。 value属性，用来设定选中项目后传送到服务器端的值。 文件输入框 当type=“file”时，表示该输入项是一个文件输入框，用户可以在文件输入框的内部填写自己硬盘中的文件路径，然后通过表单上传。 语法： input type=file name=“file_name”/ html head title插入文件框/title /head body form table tr td您的姓名:/td tdinput type=“text” name=“姓名” //td /tr 6.3 选择标记 在表单中，通过select和option标签就可以在浏览器中出现一个下拉式的菜单或带有滚动条的列表菜单。 语法： select name=“name” size=“value” multiple=“multiple” option value=“value” selected=“selected”选项值/option option value=“value” 选项值/option ……/select size属性：用来设定显示的选项数目，默认值为1。 multiple属性：用来设定列表中的项目多选。 当select标签里面有size属性和multiple属性时，表示是列表；没有size属性和multiple属性，则表示下拉菜