jsp页面HTML交互,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

//打印汉字的必须要写

My JSP 'test_textarea.jsp' starting page

Textarea Demo - Your Input is

的，否则是乱码

String Memo = request.getParameter("Memo");

out.println(Memo);

%>

————————————————————————————————————————————

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;

}

%>//两种方法可以改进

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

My JSP 'test_select.jsp' starting page

您选择的城市是" ".

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

test_select1.html

苹果

橘子

香蕉

芒果

大葱

大蒜

洋葱

——————————————————————————————jsp

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

My JSP 'test_checkbox.jsp' starting page

request.setCharacterEncoding("GBK");

String b[] = request.getParameterValues("Book");//数组对应values

if(b != null) {//判断数组不为空

for(int i = 0; iout.println(b[i]+"

");

}

}

%>

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

test_checkbox.html

数学

语文

英语

日语

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

test_radio.html

男

女

——————————————————————————————jsp

My JSP 'test_radio.jsp' starting page

String str = request.getParameter("sex");

out.println("您选择的是;"+str);

%>

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

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

动态生成的内容才放到jsp的""标记中

My JSP 'jsp_html.jsp' starting page

表单与jsp程序的合体

if(request.getParameter("send")==null) {

%>

姓名:

兴趣:

欢迎你，你喜欢的是!

------------------------------------------------jsp页面和客户端脚本的结合

在客户端的验证实现，可以通过javascript

在服务器端的验证实现需要用到jsp

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

test_picture.html

请输入姓名：

——————————————————————————jsp

My JSP 'test_picture.jsp' starting page

out.println(request.getParameter("username"));

%>