JSP 使用HTML
jsp和html哪个更好从事Web开发最基本的要求是要掌握HTML,可以这样认为:JSP最终目的也是动态生成HTML。因此本练习使用HTML来实现一个简单的用户注册页面,读者应该从中了解HTML页面的结构,以及表格与表单标签的使用。练习步骤如下:
(1)打开记事本创建HTML文件:test.html,首先创建HTML文件基本框架,代码如下所示:
<html>
<body>
<div align="center"></div>
</body>
</html>
(2)在上述代码的“html代码省略部分”位置创建表单,其中使用了表格布局,代码如下所示:
<form name="form1" method="post" action="">
<table width="300" border="0" cellpadding="5">
<tr><td colspan="2"><div align="center" class="style1">用户注册</div></td></tr>
<tr>
<td><div align="right">用户名:</div></td>
<td><div align="left"><input type="text" name="textfield"></div></td>
</tr><tr>
<td><div align="right">密码:</div></td>
<td><div align="left"><input type="password" name="textfield2"></div></td>
</tr><tr>
<td><div align="right">确认密码:</div></td>
<td><div align="left"><input type="password" name="textfield3"></div></td>
</tr><tr>
<td><div align="right">性别:</div></td>
<td><div align="left"><input name="radiobutton" type="radio" value="radiobutton" checked>男
<input type="radio" name="radiobutton" value="radiobutton">
女</div></td>
</tr><tr>
<td><div align="right">爱好:</div></td>
<td><div align="left"><input type="checkbox" name="checkbox" value="checkbox">运动
<input type="checkbox" name="checkbox2" value="checkbox">写作
<input type="checkbox" name="checkbox3" value="checkbox">旅游</div></td>
</tr><tr>
<td><div align="right">E-Mail:</div></td>
<td><div align="left"><input type="text" name="textfield4"></div></td>
</tr><tr>
<td colspan="2"><div align="center">
<input type="submit" name="Submit" value="提交">
<input type="reset" name="Submit2" value="重置">
</div></td>
</tr>
</table>
</form>
(3)测试。一个静态的HTML页面不需要服务器就可以直接使用浏览器浏览,使用浏览器打开test.html文件,结果如图1-56所示。
图1-56 用户注册页面
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论