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

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

BBS 论坛、新闻等系统）中需要收集用户输入的多行文本信息，此时可以在 form表单标签中内嵌 textarea标签。 比如下面的 代码 示例： textarea name=bbsContent cols=60 rows=20 disabled=disabled/textarea将创建出一个多行文本输入控件。 textarea标签中的 name 属性 项目 定义该多行文本输入控件的标签对象的名称， cols 属性项目 定义出列宽、 rows 属性 项目 定义行高，如果添加了 disabled 属性 项目 ，则该多行文本输入控件将被改变为 “只读 ”效果 ，操作者 不能编辑修改其中的文本内容。 提交按钮 input type=submit name=submitButton value=提交 重置按钮 input type=reset value=重置 图片提交按钮 input type=image src= alt=提交 name=submitButton 1 隐藏文本框 input type=hidden name=role value=guest 1 文件上传组件 form action= enctype=multipart/formdata method=post input type=file name=upLoadFile /form 杨教授工作室 精心创作的优秀程序员 职业提升必读系列资料 杨教授工作室，版权所有，盗版必究 ， 6/13 页 6 学生练习：设计和实现如下的登录表单 1简单的表单示例 （ 1）不应用 lable标签标识说明性的文字 form action=“ method=post 用户名： input type=text name=userNamebr 密码： input type=password name=“userPassWordbr input type=submit value=提交 input type=reset value=重置 /form （ 2）应用 lable标签标识说明性的文字 如果对 form标签中的文本采用 label标签包装和定义，并使用 for 属性使其与对应的表单组件相关联后，将允许对文本进行显示风格的设置。 form action=“ method=post label for=userName用户名： /label input type=text name=userNamebr 杨教授工作室 精心创作的优秀程序员 职业提升必读系列资料 杨教授工作室，版权所有，盗版必究 ， 7/13 页 7 label for=userPassWord 密码： /labelinput type=password name=“userPassWordbr input type=submit value=提交 input type=reset value=重置 /form （ 3）为 Web 表单添加 accesskey（快捷键）和 tabindex（ Tab 键产生制表位）属性 为了使得 Web 应用系统在没有鼠标等设备的情况下，也还能继续使用键盘实现操作和填写表单，可以选用 label标签的 accesskey（快捷键，在 IE 浏览器下为 Alt + accesskey 属性值，而在 FireFox 浏览器下为 Alt + shift + accesskey 属性值）和 tabindex 属性（ tabindex 属性值为Tab 键顺序）添加到表单标签上。 form action=“ method=post label for=userName accesskey=u tabindex=1用户名： /label input type=text name=userNamebr label for=userPassWord accesskey=p tabindex=2 密码： /labelinput type=password name=“userPassWordbr input type=submit value=提交 input type=reset value=重置 /form 1复杂的表单示例 （ 1）对于 select标签没有应用 optgroup标签进行分组的 Web 表单 form action= method=post name=userRegisterInfoForm table。