jsp与html交互

1、要使jsp文件运行,必须进行的配置
 在Tomcat下的(webroot)webapps目录下创建自己的程序目录myjsp
 另外;myecplise已经配置好WEB-INF及其下的web.xml文件-------可以放在myjsp下面,也可以并

列放在同一目录中

文本框的使用
html中,通过表单


文本框中的text 类型,password类型,type和name属性不可省略。在jsp中通过request.getParameter

("name属性值");

textarea-----------------html

 
    test_textarea.html
 
 
 


  

留言:


  

 //textarea的声明
  

    //value不是values
  

 

--------------------------------------------------jsp
<%@ page contentType="text/html;charset=GBK" %>   //打印汉字的必须要写

 
   
    My JSP 'test_textarea.jsp' starting page
   
  
  

Textarea Demo - Your Input is


  

  <%  request.setCharacterEncoding("GBK");   //输出调用的也是必须

的,否则是乱码
   String Memo = request.getParameter("Memo");
   out.println(Memo);
   %>
 

————————————————————————————————————————————
<%@ page contentType="text/html;charset=GBK" %>


 

   
    My JSP 'test_textarea1.jsp' starting page
   

 
 
 
  <%!   //方法必须用叹号标记
   StringBuffer myTanslate(StringBuffer sour) {
   for(int i = 0; i < sour.length(); i++) {
   if(sour.substring(i,i+1).equals("\n")) {
    sour.delete(i,i+1);
    sour.insert(i,"
");
   }
   }
   return sour;
   }
   %>//两种方法可以改进
   <% request.setCharacterEncoding("GBK");
   String Mem = request.getParameter("Memo");
   //StringBuffer sb = new StringBuffer(Mem);
   //for(int i = 0; i < sb.length(); i++) {
   // if(sb.substring(i,i+1).equals("\n")) {
   // sb.delete(i,i+1);
   // sb.insert(i,"
");
   // }
   // }
   // out.println(sb);
   StringBuffer sb = new StringBuffer(Mem);
   sb = myTanslate(sb);
   out.println(sb);
   
   %>
 

列表框的使用------------------------------单选,复习html中的房源问题,验证问题,下一题中是多


--------------------------____________________________________-----------html

 
    test_select.html

 
 
 
 


 


 


 


 

 

 

---------------------------_____________________________________________________jsp
<%@ page contentType="text/html;charset=GBK" %>
<% request.setCharacterEncoding("GBK"); %>

 
 My JSP 'test_select.jsp' starting page

 
 
 

您选择的城市是" <%= request.getParameter("City") %>".


 

—————————————————————————————支持多选html


 
    test_select1.html


 
 
 
   



   

   
   


   
   

 

——————————————————————————————jsp
<%@ page contentType="text/html;charset=GBK" %>
<% request.setCharacterEncoding("GBK");
 String fruit[] = request.getParameterValues("fruit");//此处是getPramaterValues();
 %>

 
    My JSP 'test_select1.jsp' starting page


 

 
   


       <%
       for(int i = 0; i < fruit.length; i++) {
         out.println("
  • "+fruit[i]);
       }
        %>
       

 

复选框————————————————————————————————jsp
<%@ page contentType="text/html;charset=GBK" %>

 

   
    My JSP 'test_checkbox.jsp' starting page


 
 
 
   <%
     request.setCharacterEncoding("GBK");
     String b[] = request.getParameterValues("Book");//数组对应values
     if(b != null) {//判断数组不为空
      for(int i = 0; i        out.println(b[i]+"
");
      }
     }
    %>
 

________________________________————————————————————html

 
    test_checkbox.html

 
 
 
 


 数学

 语文

 英语

 日语

 


 

 

————————————————————---单选按钮----------html

 
    test_radio.html


 
 
 
  


  
   
   


  

 

——————————————————————————————jsp
<%@ page contentType="text/html;charset=gbk" %>
<%request.setCharacterEncoding("gbk"); %>

 

    My JSP 'test_radio.jsp' starting page
   

 
 
 
   <%
    String str = request.getParameter("sex");
    out.println("您选择的是;"+str);
     %>
 

_____________________——————————————————自提交需要把页面作为jsp的,把以上案

例中的.html和.jsp文件组合成一个jsp文件,有两种方式,提倡把HTML中的固定标记都提出来,只有需要

动态生成的内容才放到jsp的"<%%>"标记中
<%@ page contentType = "text/html;charset=gbk" %>
<% request.setCharacterEncoding("gbk"); %>

 
 My JSP 'jsp_html.jsp' starting page

 
 
 

表单与jsp程序的合体
 


 

  <%
   if(request.getParameter("send")==null) {
   %>
 

 
 
 

姓名:
 


 

兴趣:
 


 
 


 

 <% } else { %>
 

<%= request.getParameter("username") %>
 欢迎你,你喜欢的是<%= request.getParameter("love") %>!
 


 <%} %>
 

------------------------------------------------jsp页面和客户端脚本的结合
在客户端的验证实现,可以通过javascript
在服务器端的验证实现需要用到jsp

综合练习:实现图片的提交按钮,在客户端自检验姓名输入,若没有输入姓名则弹出对话框

 
    test_picture.html
 

 
 
 
 
 请输入姓名:
 

 

 

——————————————————————————jsp
<%@ page contentType="text/html;charset=GBK" %>
<% request.setCharacterEncoding("gbk"); %>

 

   
    My JSP 'test_picture.jsp' starting page
   

 
 
 
 <%
  out.println(request.getParameter("username"));
  %>
 

你可能感兴趣的:(jsp与html交互)