- 表单的渲染
在页面设计时，一方面页面可能只是用来收集数据的，即表单控件以空白的形式渲染在客户端；另一方面则需要页面展示并最终还是为收集数据，即常见的具有修改功能页面。
上一篇笔记了表单控件的使用，这一篇笔记在JSP中渲染表单各控件时的基本方式，下面是代码：
<!DOCTYPE html> <!-- 表单的数据渲染 --> <html> <head> <meta charset="UTF-8"> <title>表单数据的渲染,假设这是一个jsp文件，已经的转发过来Bean数据模型</title> </head> <body> <form method="post" action="run"> <p> 你的名字？<input type="text" name="name" size="25" value="user.getName"/><!-- user可以直接填充值 --> 你的e-mail<input type="text" name="emall" size="25" value="user.getEmail"/> </p> <p> 请检查所有支付：<br> <!-- <% if(user.getLikeit().equals("00")){ %> --> <!-- 需要根据现有数据来决定输出的控件哪一个应该被选中 --> <input type="checkbox" name="likeit" checked="checked" value="00"/>我真的喜欢你网站<br/> <!-- <% }else{%> --> <input type="checkbox" name="likeit" value="00"/>我真的喜欢你网站<br/> <!-- <% } %> --> <!-- <% if(user.getLikeit().equals("11"){) %> --> <input type="checkbox" name="likeit" checked="checked" value="11"/>是我见过的最好的站点</br> <!-- <% }else{%> --> <input type="checkbox" name="likeit" value="11"/>是我见过的最好的站点</br> <!-- <% } %>--> <!-- <% if(user.getLikeit().equals("22")){%> --> <input type="checkbox" name="likeit" checked="checked" value="22"/>是吗</br> <!-- <% }else{ --> <input type="checkbox" name="likeit" value="22"/>是吗</br> <!-- <% } %> --> </p> <p> 选择最喜欢的一件事物<br/> <!-- <% if(user.getLovebest().equals("me")){%> --> <!-- 需要根据现有数据决定那一个控件将被作为选中状态进行渲染 --> <input type="radio" name="lovebest" value="me" checked="checked"/>我自己</br> <!-- <%}else{ --> <input type="radio" name="lovebest" value="me" />我自己</br> <!-- <%} --> <!-- <% if(user.getLovebest().equals("cat")){ --> <input type="radio" name="lovebest" value="cat" checked="checked">我家的猫</br> <!-- <% }else{ %> --> <input type="radio" name="lovebest" value="cat">我家的猫</br> <!-- <% }%> --> </p> <p> <select size="1" name="potentail"> <!-- 根据当前数据确定要输出的下拉控件中被默认选中的是哪个 --> <!-- <% if(user.getPotentail().equals("确定一下")){ %> --> <option selected="selected">确定一下</option> <!-- <% }else{%> --> <option >确定一下</option> <!-- <% } %> --> <!-- <%if(user.getPotentail().equals("十万")){ %> --> <option selected="selected">十万</option> <!-- }else{ --> <option>十万</option> <!-- } --> <!-- <% if(user.getPotentail().equals("百万")){%> --> <option selected="selected">百万</option> <!-- <% }else{%> --> <option >百万</option> <!-- <% } %> --> <!-- <% if(user.getPotentail().equals("今天不了")){%> --> <option selected="selected">今天不了</option> <!-- <% }else{%> --> <option >今天不了</option> <!-- <% } %> --> </select> </p> <!-- 将数据模型直接在标签体的位置输出即可 --> <textarea name="comments" rows="4" cools="55" ><!-- <%=user.getContent()%> --></textarea></br> <input type="submit" value="提交" /> <input type="reset" value="重置" /> </form> </body> </html>
其实我应该写jsp实例的，但是为了简便，就写了伪代码。当然还可以是js的方式，但是一直做后端所以对js没有花费过精力。