本文通过HTML、CSS和JavaScript构建了一个简单的表单页面，展示了如何实现用户名、密码输入，验证码验证，以及记住密码选项等功能。同时，介绍了按钮、文本框、复选框等前端元素的基本使用。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>表单练习1</title>
</head>
<body>
<div>
<table border="1" >
<tr>
<td>用户名：
</td>
<td>
<input type="text" name="text_1" value="" />
</td>
</tr>
<tr>
<td>密码：
</td>
<td>
<input type="password" name="password_1" value=""/>
</td>
</tr>
<tr>
<td>验证码：
</td>
<td>
<input type="text" name="text_2" value="" />
<img src="Image/000.png" title="架子" />
</td>
</tr>
<tr>
<td></td>
<td>
<input type="checkbox" name="checkbox_1" value="1 " />
<label text="text" runat="server" />记住密码</laber>
</td>
</tr>
<tr>
<td>
</td>
<td> <input type="submit" name="submit_1" value="登录" />
<input type="reset" name="reset_1" value="重置" />
</td>
</tr>
</table>
</div>
<div>
<a href="http://blog.youkuaiyun.com/">优快云论坛</a>
</div>
<font color="black" size="20" > 我很帅，24K纯帅的那种</font>
<div >
<p style=" margin:10px;">
<input type="button" name="button1_1" value="我是按钮我高兴" />
<input type="button" name="button1_2" value="我也是按钮我自豪" />
</p>
<span style=" border:red solid 1px;height:auto;">内蒙古大草原</span>
</div>
<div style="width:200px; height:200px; background:yellow; display:inline;">官网
</div>
<a href="http://www.itcast.cn">传智播客官网</a>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>表单练习1</title>
</head>
<body>
<div>
<table border="1" >
<tr>
<td>用户名：
</td>
<td>
<input type="text" name="text_1" value="" />
</td>
</tr>
<tr>
<td>密码：
</td>
<td>
<input type="password" name="password_1" value=""/>
</td>
</tr>
<tr>
<td>验证码：
</td>
<td>
<input type="text" name="text_2" value="" />
<img src="Image/000.png" title="架子" />
</td>
</tr>
<tr>
<td></td>
<td>
<input type="checkbox" name="checkbox_1" value="1 " />
<label text="text" runat="server" />记住密码</laber>
</td>
</tr>
<tr>
<td>
</td>
<td> <input type="submit" name="submit_1" value="登录" />
<input type="reset" name="reset_1" value="重置" />
</td>
</tr>
</table>
</div>
<div>
<a href="http://blog.youkuaiyun.com/">优快云论坛</a>
</div>
<font color="black" size="20" > 我很帅，24K纯帅的那种</font>
<div >
<p style=" margin:10px;">
<input type="button" name="button1_1" value="我是按钮我高兴" />
<input type="button" name="button1_2" value="我也是按钮我自豪" />
</p>
<span style=" border:red solid 1px;height:auto;">内蒙古大草原</span>
</div>
<div style="width:200px; height:200px; background:yellow; display:inline;">官网
</div>
<a href="http://www.itcast.cn">传智播客官网</a>
</body>
</html>
扫一扫
1683
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
