您的位置:首页 > Web前端 > HTML

HTML(三)— 综合实例

2017-09-21 15:26 369 查看
前面对HTML一些概念和基本标签进行了介绍,所以我们对HTML也有了初步的了解,下面我们需要对以前的知识进行简单的总结,笔者仍然是做了一个简单的例子,来供读者简单的学习。

实例代码

注册页面

<form name="register" action="success.html" method="post">
<h3>注册账号</h3>
<hr/>
<table bgcolor="aqua">
<tr>
<td>昵称:</td>
<td><input type="text" name="username"></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="text" name="password"></td>
</tr>
<tr>
<td>确认密码:</td>
<td><input type="text" name="confPassword"></td>
</tr>
<tr>
<td>性别:</td>
<td>
<input type="radio" name="sex" value="man" checked>男
<input type="radio" name="sex" value="woman">女
</td>
</tr>
<tr>
<td>兴趣:</td>
<td>
<input type="checkbox" name="football" value="football">足球
<input type="checkbox" name="basketball" value="basketball" checked>篮球
<input type="checkbox" name="pingpang" value="pingpang">乒乓球
</td>
</tr>
<tr>
<td>家庭住址:</td>
<td>
<select name="country">
<option>中国</option>
<option>美国</option>
<option>加拿大</option>
</select>
<select name="province">
<option>河北</option>
<option>山东</option>
<option>河南</option>
</select>
<select name="coun
4000
try">
<option>石家庄</option>
<option>保定</option>
<option>廊坊</option>
</select>
</td>
</tr>
<tr>
<td>照片:</td>
<td><input type="file"></td>
</tr>
<tr>
<td>个人简介:</td>
<td>
<textarea name="description" rows="3" cols="30">请输入~~</textarea>
</td>
</tr>
<tr>
<td><input type="submit" value="注册"></td>
<td><input type="reset" value="重置"></td>
</tr>
</table>
</form>


成功页面

<h1>注册成功</h1>


实例特效

注册页面



成功页面

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html 标签 综合实例