HTML-注册页面 212
使用table布局和表单元素编写一个注册页面
1)注册页面
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>注册登录页面</title>
</head>
<body>
<form action="http://www.bd.com/register.aspx" method="get">
<table cellpadding="5" cellspacing="0" width="380" height="300">
<tr>
<td>用户名:</td>
<td><input name="txtName" /></td>
</tr>
<tr>
<td>密 码:</td>
<td><input type="password" name="txtPwd" /></td>
</tr>
<tr>
<td>选择省:</td>
<td>
<select name="SS">
<option value="HN" selected="selected">河南</option>
<option value="HB">河北</option>
</select>
</td>
</tr>
<tr>
<td>性 别:</td>
<td><input type="radio" name="rd" value="1" />男<input type="radio" name="rd" value="0" />女</td>
</tr>
<tr>
<td colspan="2">
<fieldset>
<legend>兴趣爱好</legend>
<input name="interest" type="checkbox" value="ppq" />乒乓球
<input name="interest" type="checkbox" checked="checked" value="ts" />跳水
<input name="interest" type="checkbox" value="pq" />排球
</fieldset>
</td>
</tr>
<tr>
<td colspan="2" align="middle">
<h3>注册免责协议</h3>
<textarea cols="50" rows="3" readonly="readonly"> **提醒您:在使用**搜索引擎(以下简称**)前,请您务必仔细阅读并透彻理解本声明。您可以选择不使用**,但如果您使用**,您的使用行为将被视为对本声明全部内容的认可。
鉴于**以非人工检索方式、根据您键入的关键字自动生成到第三方网页的链接,除**注明之服务条款外,其他一切因使用**而可能遭致的意外、疏忽、侵权及其造成的损失(包括因下载被搜索链接到的第三方网站内容而感染电脑病毒),**对其概不负责,亦不承担任何法律责任。
任何通过使用**而搜索链接到的第三方网页均系他人制作或提供,您可能从该第三方网页上获得资讯及享用服务,**对其合法性概不负责,亦不承担任何法律责任。
**搜索结果根据您键入的关键字自动搜索获得并生成,不代表**赞成被搜索链接到的第三方网页上的内容或立场。
您应该对使用搜索引擎的结果自行承担风险。**不做任何形式的保证:不保证搜索结果满足您的要求,不保证搜索服务不中断,不保证搜索结果的安全性、正确性、及时性、合法性。因网络状况、通讯线路、第三方网站等任何原因而导致您不能正常使用**,**不承担任何法律责任。
</textarea>
</td>
</tr>
<tr>
<td colspan="2" align="middle">
<input type="submit" value="注册" />
<input type="reset" />
</td>
</tr>
</table>
</form>
</body>
</html>
action:指定提交到服务器的哪个程序处理,比如asp.net的一般处理程序等
method:提交的方式1)post隐式提交,比较安全 2)get显示提交如下图所示
select:selected="selected"与checkbox的checked="checked"表示默认选中项
textarea:rows与cols表示此文本框内容要显示的行数与列数
相关文章
- JavaScript+css实现的计时器动画素材html页面前端源码
- 从零开始:用Canvas绘制你的第一个动画小作品
- 平滑升级!一文掌握CSS过渡与动画属性,让你的网页动起来!
- 现代CSS:纯 CSS 实现路径动画(实现路径动画常用的方法有)
- 资源分享:异常强大的预设css3动画库Animate
- 你的名字动漫高清动态壁纸(你的名字动态高清壁纸 手机壁纸)
- Dynamics.js – 创建逼真的物理动画的 JS 库
- 一个非常棒的 JS 动画引擎库(javascript动画库)
- 一款 Js 动画库,简单几行代码就能写出丝滑流畅、高性能的动画效果
- 25个不用flash也可以做出很酷动画效果的网页设计案例赏析