一共是兩個分頁檔：
1、input.html檔案，主要是向顯示頁面並且向頁面輸入和提交輸入的資訊；
input.html 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 5 <title>input</title> 6 <script type="text/javascript" language="javascript"> 7 function validate(f){ 8 if(document.form1.info.value == "" || document.form1.info.value==null ){ 9 window.alert("Input is Null! Please input some infomation……");10 f.info.focus()11 return false;12 }13 14 }15 </script>16 </head>17 <body>18 19 <form id="form1" name="form1" method = "post" action="input.jsp" onSubmit="return validate(this)">20 The Input informations:<input type="text" name="info"/>21 <input type="submit" value="Show"/>22 </form>23 </body>24 </html>
2、input.jsp檔案，主要是為了處理有HTML提交來的資訊，並且再把處理的結果返回給html。
input.jsp 1 <%@ page language="java" contentType="text/html; charset=ISO-8859-1" 2 pageEncoding="ISO-8859-1"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 4 <html> 5 <head> 6 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 7 <title>Insert title here</title> 8 </head> 9 <body>10 <%11 String str = request.getParameter("info");12 out.println("The Input informations:"+"<h1>"+str+"</h1>");13 %>14 15 </body>16 </html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
