第03章_JSP中的表格与表单讲稿.pdf

WEB网站架构 第3章 JSP中的表格和表单 袁德明  2010年8月 信息电子工程学院 提纲 n table:表格的语法 n form:表单的语法 n 常用的表单元素 n 完成输入时应该注意的问题 n 对用户输入信息进行验证 信息电子工程学院  1  table:表格的语法 n 开始标志：table  n 结束标志：/table  n 中间是行，每行是一个tr  /tr  n 每行之间是列，每一列对应td /td  n  td/td之间的内容就是每个表格中的信息 例如:  table  tr  tdA /td tdB /td tdC /td  /tr  /table 信息电子工程学院  2 form:表单的语法 n 只要是涉及向服务器提交信息，都应该使 用form。 n 基本语法结构： ®form action 目标文件 method get|post  ® 各种表单元素 ®  /form  n action属性决定的 目标文件来对用户提交的 信息进行处理。 信息电子工程学院  3 常用的表单元素  3.1 单行文本框 n 单行文本框：用于输入少量的信息。 n 基本语法格式： ® input type=text name 名字 value 值  n  type text说明这是单行文本框； n  name指出文本框的名字，最好不要用汉字，最好 使用有意义的名字； n  value指出默认值，如果没有默认值，可以不要  value属性，value属性经常在修改的时候使用。 ® 注意：如果有格式要求，要明确的告诉用户。 信息电子工程学院  3.2密码框 n 密码框：用于输入密码。 n 基本的语法格式： ®  input type password name 名字  value 值  ® 注意：设置密码的时候，应该使用确认密码， 应该有两个密码框。 信息电子工程学院  3.3提交按钮 n 提交按钮：当点击它的时候，会把输入的 信息提交给服务器。 n 基本语法格式： ®  input type submit value 值  ®  type应该为submit，value是显示在按钮上面 的信息。 信息电子工程学院  3.4复位按钮 n 复位按钮：当点击它的时候，会把各个表 单元素的值恢复到默认值。 n 基本语法格式： ®  input type reset value 值 信息电子工程学院  3.6单选按钮 n 单选按钮：通用用于在多个选项中选择一个。 n 基本语法格式： ®  input type radio name 名字 value 值  ® 这个表示一个单选按钮，并且仅仅是一个按钮。 n 例如:  ® input type radio name sex value 1 checked男 ® input type “radio” name “sex” value “0”女 ® 如果希望在多