黑马程序员_练习手写Html表单
2013-04-23 14:27
176 查看
-------
Windows Phone 7手机开发、.Net培训、期待与您交流! -------
花费了两天时间恶补了一下Html的基础知识,感谢黑马老师的免费视频和w3school的免费教程,现在的我也可以不借助任何工具,手写出一个注册页面的提交表单啦~~
效果如下,没有使用CSS,CSS看样还是要靠工具啊:
源码如下:
<html>
<head><title>注册</title><head>
<body>
<form action="http://www.w3school.com.cn/html/html_form_action.asp" method="get">
<fieldset>
<legend>注册区域</legend>
<div>
<table border="1" cellspacing="0" width="600px" bordercolor="#A0A0A0">
<th colspan="2">信息注册页面</th>
<tr><label for="txtusr"><td>用户名:</td></label><td><input id="txtusr" name="usr" type="text" /></td></tr>
<tr><label for="pw_pwd"><td>密码:</td></label><td><input id="pw_pwd" name="psw" type="password" /></td></tr>
<tr><label for="pw_repwd"><td>确定密码:</td></label><td><input id="pw_repwd" name="repsw" type="password" /></td></tr>
<tr><td>性别:
</td><td>
<input type="radio" id="rd_male" name="sex" value="male" checked="checked" /><label for="rd_male">男</label>
<input type="radio" id="rd_female" name="sex" value="female" /><label for="rd_female">女</label>
<input type="radio" id="rd_yao" name="sex" value="yao" /><label for="rd_yao">妖</label>
</td></tr>
<tr><td>爱好:</td><td>
<input type="checkbox" id="cb_book" name="hobby" value="book" /><label for="cb_book">看书</label>
<input type="checkbox" id="cb_mm" name="hobby" value="mm" /><label for="cb_mm">把妹</label>
<input type="checkbox" id="cb_draw" name="hobby" value="draw" /><label for="cb_draw">学画画</label>
</td></tr>
<tr><td>国家</td><td>
<select name="country">
<option value="foreigner">外国</option>
<option value="chinese"selected="selected">中国</option>
</select>
</td></tr>
<tr><td colspan="2" align="center">
<input type="submit" value="提交" />
<input type="reset" />
</td></tr>
</table>
</div>
</fieldset>
</form>
</body>
</html>
学习资料:
黑马教学视频:http://edu.csdn.net/dotnet/video.shtml
文字资料:http://www.w3school.com.cn/
Windows Phone 7手机开发、.Net培训、期待与您交流! -------
花费了两天时间恶补了一下Html的基础知识,感谢黑马老师的免费视频和w3school的免费教程,现在的我也可以不借助任何工具,手写出一个注册页面的提交表单啦~~
效果如下,没有使用CSS,CSS看样还是要靠工具啊:
源码如下:
<html>
<head><title>注册</title><head>
<body>
<form action="http://www.w3school.com.cn/html/html_form_action.asp" method="get">
<fieldset>
<legend>注册区域</legend>
<div>
<table border="1" cellspacing="0" width="600px" bordercolor="#A0A0A0">
<th colspan="2">信息注册页面</th>
<tr><label for="txtusr"><td>用户名:</td></label><td><input id="txtusr" name="usr" type="text" /></td></tr>
<tr><label for="pw_pwd"><td>密码:</td></label><td><input id="pw_pwd" name="psw" type="password" /></td></tr>
<tr><label for="pw_repwd"><td>确定密码:</td></label><td><input id="pw_repwd" name="repsw" type="password" /></td></tr>
<tr><td>性别:
</td><td>
<input type="radio" id="rd_male" name="sex" value="male" checked="checked" /><label for="rd_male">男</label>
<input type="radio" id="rd_female" name="sex" value="female" /><label for="rd_female">女</label>
<input type="radio" id="rd_yao" name="sex" value="yao" /><label for="rd_yao">妖</label>
</td></tr>
<tr><td>爱好:</td><td>
<input type="checkbox" id="cb_book" name="hobby" value="book" /><label for="cb_book">看书</label>
<input type="checkbox" id="cb_mm" name="hobby" value="mm" /><label for="cb_mm">把妹</label>
<input type="checkbox" id="cb_draw" name="hobby" value="draw" /><label for="cb_draw">学画画</label>
</td></tr>
<tr><td>国家</td><td>
<select name="country">
<option value="foreigner">外国</option>
<option value="chinese"selected="selected">中国</option>
</select>
</td></tr>
<tr><td colspan="2" align="center">
<input type="submit" value="提交" />
<input type="reset" />
</td></tr>
</table>
</div>
</fieldset>
</form>
</body>
</html>
学习资料:
黑马教学视频:http://edu.csdn.net/dotnet/video.shtml
文字资料:http://www.w3school.com.cn/
相关文章推荐
- 黑马程序员-day20综合练习
- 黑马程序员-day21综合练习
- 黑马程序员——Java练习笔记——final
- 黑马程序员——Java练习笔记——异常
- 黑马程序员----FileReader和FileWriter练习-简单的文件copy
- 黑马程序员_String练习
- 黑马程序员---Foundation常用类练习(计算文件代码行数)
- 黑马程序员——数组练习(冒泡排序,选择排序)
- 黑马程序员_手写数据表约束
- [黑马程序员]TreeMap练习
- HTML表单应用练习
- 黑马程序员-------Java笔记--------多线程基础练习2题
- 黑马程序员 Java练习-模拟TCP客户端并发上传图片
- 黑马程序员---java小程序练习
- codevs1281 矩阵乘法 快速幂 !!!手写乘法取模!!! 练习struct的构造函数和成员函数
- codevs1281 矩阵乘法 快速幂 !!!手写乘法取模!!! 练习struct的构造函数和成员函数
- 黑马程序员——第十三篇:字符缓冲流、IO流练习、其他流对象
- 黑马程序员------<补>String 综合练习
- 黑马程序员_Java基础[14]_模版设计模式、习题练习
- 黑马程序员 if 语句及练习