JavaWeb应用开发技术与案例教程教学课件作者张继军第2章节_静态网页开发技术课件幻灯片.pptVIP

2. input标记及其属性 基本语法： input name=输入域名称 type=域类型 value=输入域的值 input标记主要有六个属性： type，name，size，value，maxlength，check。 其中，name和type是必选的两个属性： name：属性的值是响应程序（由form标记中的action属性指定）中的变量名 type主要有9种类型： 名称 格式 说明 文本域 input type=text name=文本字段名称 maxlength= size= value= size与maxlength属性用来定义此区域显示的尺寸大小与输入的最大字符数 密码域 input type=password name=密码字段名称 size= maxlength= value= 当用户输入密码时，区域内将会显示“*”号代替用户输入的内容 单选按钮 input type=radio name= value= checked / checked属性用来设置该单选按钮默认状态是否被选中。当有多个互斥的单选按钮时，设置相同的name值 复选框 input type=checkbox name= value= checked / checked属性用来设置该复选框默认状态是否被选中，当有多个复选框时，可设置相同的name值，也可以设置不同的name值 提交按钮 input type=submit name= value= / 将表单内容提交给服务器的按钮 取消按钮 input type=reset name= value= / 将表单内容全部清楚，重新填写的按钮 图像按钮 image input type=image src=图片/ 使用图像代替submit按钮，图像的源文件名由src属性指定 文件域 input type=file name= size= maxlength= 上传文件 隐藏域 input type=hidden name= value= / 用户不能在其中输入信息，用来预设某些要传递的信息 3．下拉列表框：select、option 在表单中，通过select和option标记可设计一个下拉式的列表或带有滚动条的列表，用户可以在列表中选中一个或多个选项。 基本语法： select name= size= multiple option value= selected…/option option value=…/option …… /select 4. 多行文本框textarea标记 基本语法： textarea name= rows= cols= wrap=off|virtual|physical 初始值 /textarea 其中： rows设置输入域的行数， cols设置输入域的列数， wrap设置是否自动换行。 2.1.4 表单设计案例 ——学生入校注册页面设计 【例2-6】设计所示的学生信息注册网页。 【分析】 该页面采用表单的方式设计，为了使页面各元素整齐，采用表格的方式控制元素的位置。该例中给出了表单常用的各种元素，请注意它们的使用特点。 【实现】源代码 【运行】《运行界面》 2.1.5 HTML框架标签与框架设计 框架将浏览器窗口分割为几个窗口，下图就是一个框架，该框架被分为4个窗口。 1.窗口的分割与设置 分割框架的语法结构： frameset rows=高度1,高度2… 或者 cols=宽度1,宽度2… frame src=网页1 frame src=网页2 … /frameset 2.子窗口的设置 基本语法： frame src=html文件的位置 name=子窗口名称 scrolling=yes或no或auto 3. target属性 在框架结构子窗口的HTML文档中如果含有超链接，当用户点击该链接时，目标网页显示的位置由target属性指定，若没有指定则在当前子窗口打开。 target属性使用格式： a href=目标