<html>
<head>
<title>同一个页面中多表单提交</title>
<scripttype="text/javascript">
functionmyCheck1()
{
if(form1.text1.value=="")
{
alert("内容不能为空,请输入内容");
form1.text1.focus();
return;
}
form1.submit();
}
functionmyCheck2()
{
if(form2.text2.value=="")
{
alert("内容不能为空,请输入内容");
form2.text2.focus();
return;
}
form2.submit();
}
functionmyCheck3()
{
if(form3.text3.value=="")
{
alert("内容不能为空,请输入内容");
form3.text3.focus();
return;
}
form3.submit();
}
</script>
</head>
<body>
<formname="form1"method="post"action="#">
表单一:<inputname="text1"type="text">
<inputname="submit1"type="submit"value="提交"οnclick="myCheck1();">
</form>
<formname="form2"method="post"action="#">
表单二:<inputname="text2"type="text">
<inputname="submit2"type="submit"value="提交"οnclick="myCheck2();">
</form>
<formname="form3"method="post"action="#">
表单三:<inputname="text3"type="text">
<inputname="submit3"type="submit"value="提交"οnclick="myCheck3();">
<%
request.setCharacterEncoding("UTF-8");
Stringtext1=request.getParameter("text1");
Stringtext2=request.getParameter("text2");
Stringtext3=request.getParameter("text3");
Stringmessage="";
if(text1!=null)
{
message="你提交了第1个表单,表单内容为:"+text1;
}
if(text2!=null)
{
message="你提交了第2个表单,表单内容为:"+text2;
}
if(text3!=null)
{
message="你提交了第3个表单,表单内容为:"+text3;
}
%>
<h2><%=message%></h2>
</form>
</body>
</html>
扩展资料
在HTML文档中,<form></form>标记对用来定义表单的开始和结束。在表单<form></form>之间嵌入各类表单控件标记(表单元素)——如文本输入框、列表框、单选按钮、提交按钮等——供用户输入信息数据。
表单控件标记和表单<form>标记一起工作,共同发挥作用<form>标记的重要属性。<input>能够演变为表单中许多不同的元素,取决于type属性。