JSP第一章课后题答案和实验报告.docVIP

第一章Web2.0下的JSP和Ajax 1.7.1使用HTML 运用test.html实现，代码如下： html body div align=centerform name=forml method=post action= table width=300 border=0 cellpadding=5 trtd colspan=2div align=center class=stylel用户注册 /div/td/tr tr tddiv align=right用户名: /div/td tddiv align=leftinput type=text name=textfield /div/td /trtr tddiv align=right密码: /div/td tddiv align=leftinput type=password name=textfield2 /div/td /trtr tddiv align =right确认密码:/div/td tddiv align =leftinput type=password name =textfield3 /div/td /trtr tddiv align =right性别:/div/td tddiv align =leftinput name=radiobutton type =radio value=radiobutton chwecked男 input type=radio name =radiobutton value=radiobutton 女/div/td /trtr tddiv align =right爱好:/div/td tddiv align =leftinput type=checkbox name =checkbox value=checkbox运动 input type=checkbox name=checkbox2 value=checkbox写作 input type=checkbox name=checkbox3 value=checkbox旅游 /div/td /trtr tddiv align =rightEMAIL:/div/td tddiv align=leftinput type=text name=textfield4/div /td /trtr td colspan=2div align=center input type=submit name=Submit value=提交 input type=reset name=Submit2 value=重置 /table /form /div /body /html 显示如图 1.7.1-1 1.7.2使用CSS 通过css.html实现，主要是在标签中加入css改变显示效果，代码如下： html head style type=text/css body {background-color:#999999;} h3{ color: #990000; font-family:经典行书简; font-size:35px; font-weight:bold; text-align:center; } p{ letter-spacing:6px; line-height:150%; font-size:30px; font-family:经典行书简; font-weight:bold; writing-mode: tb-r1; text-align:center; } /style /head body table width=554 height=325nalign=center cellpadding=20 trtd width=534 height=317 h3青青河畔草/h3 p 青青河畔草br郁郁园中柳br 盈盈楼上女br皎皎当窗牖br 娥娥红粉妆br纤纤出素手br 昔为倡家女br今为荡子妇br 荡子行不归br空床难独守br 无名氏 /p/td/tr /tables /body /html 显示如图1.7.2-1 1.7.3使用JavaScript (1)通过js.html来实现，主要在JavaScript中定义一个函数check()来判断填入的信息是否正确，代码如下： html head script language=javascript type=text/j