通过代码实例跟我学j2eeweb组件相关技术——html标签的相关的教学示例第4部分

通过代码实例跟我学j2eeweb组件相关技术——html标签的相关的教学示例第4部分内容摘要：

option value=6黑龙江 /option /select select name=userre option value=1东城 /option 杨教授工作室 精心创作的优秀程序员 职 业提升必读系列资料 杨教授工作室，版权所有，盗版必究 ， 9/20 页 9 option value=2西城 /option option value=3南城 /option option value=4北城 /option /select /span /div div span 验证码： /spanspaninput type=text name=verifyCode id=verifyCode//span /div div span验证图片： /spanspan img src= //span /div /div /form /body /html （ 2）表单形式二 杨教授工作室 精心创作的优秀程序员 职 业提升必读系列资料 杨教授工作室，版权所有，盗版必究 ， 10/20 页 10 利用 fieldset标签实现对 Web 表单中的项目分组 实例 在 Web 表单设计中，经常需要对表单中的特定项目分组以体现数据之间的内在关系 在 Web 表单设计中，经常会对 Web 表单中的信息进行分组，比如在某个系统的注册 Web表单 form标签中，可能会将注册信息分组成基本信息（一般为必填）、具体信息（一般为可选）。 如何更好地实现这样的要求。 熟悉 fieldset和 legend标签 1) 在一个 Web 表单中可以包含有多个成对的 fieldset标签达到不同形式的分组设计的效果。 2) 但每对 fieldset标签定义一个分组，对每组的内容描述可以使用 legend标签加以定义说明， legend标签必须是 fieldset标签内的第一个子标签。 3) fieldset标签默认的显示风格是带边框线的，而 legend标签定义的内容一般显示在分组框的左上角。 但在某些场合或许不愿意让 fieldset标签和 legend标签的默认样式或默 认布局影响设计方案中的美观，解决的方法是在 CSS 中将 fieldset标签的 border（边框线粗细）设置为 0，而将 legend标签的 display 属性设置为 none 即可或者改变 width 属性可以控制宽度。 利用 fieldset和 legend标签组合定义表单中的某个数据分组的代码片段示例 form fieldset legend个人信息 /legend label for=userName 姓名： input type=text id=userName//label 杨教授工作室 精心创作的优秀程序员 职 业提升必读系列资料 杨教授工作室，版权所有，盗版必究 ， 11/20 页 11 label for=userAge 年龄： input type=text id=userAge//label /fieldset /form 上面的 代码片段示例在浏览器中最终显示的效果如图所示， 但在示例中省略了对该表单中的各个控件的样式定义的文件没有附录。 （ 5） fieldset标签的应用示例 !DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN html xmlns= head meta equiv=ContentType content=text/html。 charset=gb18030 / title系统注册 /title /head body form action= method=post name=registerForm table width=350 border=0 align=center tr td scope=col fieldset legend系统注册时必填的信息 /legend 登录帐号： input name=userName type=text / input name=browserButton type=button value=... /br/ 登录密码： input name=loginPassWord type=password /br/ 确认密码： input name=confirmPassWord type=password /br/ 登录身份： select name=personType optgroup label=前台使用者 杨教授工作室 精心创作的优秀程序员 职 业提升必读系列资料 杨教授工作室，版权所有，盗版必究 ， 12/20 页 12 option value=1学生 /option option value=2 selected=selected教师 /option option value=3教务 /option /optgroup optgroup label=后台管理者 option value=4管理员 /option option value=5超级管理员 /opt。