Html注册表单示例
注册表单示例，出自《网页开发手记：Html，CSS，JavaScript实战详解》。
| <html> | |
| <head> | |
| <title>注册表单</title> | |
| </head> | |
| <body> | |
| <form name="form_set" method="post" action="form_rec.asp"> | |
| <table width="450" border="0" align="center" cellpadding="0" cellspacing="0"> | |
| <tr> | |
| <th scope="col">用户注册</th> | |
| </tr> | |
| <tr> | |
| <td> | |
| <fieldset> | |
| <legend>身份验证-必填信息</legend> | |
| <table width="85%" border="0" align="center" cellpadding="0" cellspacing="2"> | |
| <tr> | |
| <td width="25%" align="right">用户名</td> | |
| <td><input type="text" size="16" name="txt" /></td> | |
| </tr> | |
| <tr> | |
| <td width="25%" align="right">密 码</td> | |
| <td><input type="password" size="16" /></td> | |
| </tr> | |
| <tr> | |
| <td width="25%" align="right">密码确认</td> | |
| <td><input type="password" size="16" title="请确保和以上密码一致" /></td> | |
| </tr> | |
| </table> | |
| </fieldset> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td> | |
| <fieldset> | |
| <legend>身份信息-选填信息</legend> | |
| <table width="85%" border="0" align="center" cellpadding="0" cellspacing="2"> | |
| <tr> | |
| <td width="25%" align="right">所在城市</td> | |
| <td><input type="text" size="16" /></td> | |
| </tr> | |
| <tr> | |
| <td width="25%" align="right">工作单位</td> | |
| <td><input type="text" size="30" /></td> | |
| </tr> | |
| <tr> | |
| <td width="25%" align="right">家庭住址</td> | |
| <td><input type="text" size="30" /></td> | |
| </tr> | |
| </table> | |
| </fieldset> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td> | |
| <fieldset> | |
| <legend>其他个人信息</legend> | |
| <table width="85%" border="0" align="center" cellpadding="0" cellspacing="2"> | |
| <tr> | |
| <td width="25%" align="right">性别</td> | |
| <td> | |
| <select> | |
| <option selected="selected">男孩</option> | |
| <option>女孩</option> | |
| </select> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td width="25%" align="right">爱好</td> | |
| <td><label><input type="checkbox" name="fav" />音乐</label> | |
| <label><input type="checkbox" name="fav" />体育</label> | |
| <label><input type="checkbox" name="fav" checked="checked" />计算机</label> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td width="25%" align="right">喜欢的公司</td> | |
| <td><label><input type="radio" name="fav2" />百度</label> | |
| <label><input type="radio" name="fav2" />微软中国</label> | |
| <label><input type="radio" name="fav2" />谷歌中国</label> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td width="25%" align="right" valign="top">个人简介</td> | |
| <td><textarea cols="30" rows="4" wrap="physical" title="请写下您的个人介绍，让大家更进一步地互相了解"></textarea> | |
| </td> | |
| </tr> | |
| </table> | |
| </fieldset> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td><table width="85%" border="0" cellspacing="2" cellpadding="0"> | |
| <tr> | |
| <td align="right"><input type="submit" value="提交您的资料" /></td> | |
| <td><input type="reset" value="重新填写资料" /></td> | |
| </tr> | |
| <tr> | |
| <td align="right"><input type="button" value="无效按钮" disabled="disabled" /></td> | |
| <td></td> | |
| </tr> | |
| </table> </td> | |
| </tr> | |
| </table> | |
| </form> | |
| </body> | |
| </html> |
注册表单效果：
Html注册表单示例的更多相关文章
- 如何利用WordPress创建自定义注册表单插件
来源:http://www.ido321.com/1031.html 原文:Creating a Custom WordPress Registration Form Plugin 译文:创建一个定制 ...
- 模拟js中注册表单验证
示例1 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8 ...
- jquery 通过submit()方法 提交表单示例
jquery 通过submit()方法 提交表单示例: 本示例:以用户注册作为例子.使用jquery中的submit()方法实现表单提交. 注:本示例仅提供了对表单的验证,本例只用选用了三个字段作为测 ...
- 免费 PSD 下载： 20个精美的登录和注册表单
注册表单有许多不同的形状和尺寸,有的只是单个的输入框,有的则需要多个步骤.登录表单的设计将定义网站的性质,因此它应进行针对性的设计.下面的列表提供了20个醒目的登录和注册表单设计为您提供灵感. 您可能 ...
- HTML6注册表单输入日志标题
一.找到元素. var d = document.getElementById("") var d = document.getElementsByName("" ...
- form注册表单圆角 demo
form注册表单圆角 <BODY> <div class="form"> <ul class="list"> <li& ...
- UX设计秘诀之注册表单设计，细节决定成败
以下内容由摹客团队翻译整理,仅供学习交流,摹客iDoc是支持智能标注和切图的产品协作设计神器. 说实话,现实生活中,又有多少人会真正喜欢填写表格?显然,并不多.因为填写表单这样的网页或App服务,并非 ...
- 基于HTML5手机登录注册表单代码
分享一款基于HTML5手机登录注册表单代码.这是一款鼠标点击注册登录按钮弹出表单,适合移动端使用.效果图如下: 在线预览 源码下载 实现的代码. html代码: <div class=&qu ...
- 4.前端注册表单验证 && 表单回填
表单验证 前端表单验证就是在 jsp 页面中添加验证逻辑,使得注册表单在传入后台之前先进行一次表单验证 在jsp文件里的 head 块里面添加 jQuery 代码 <script type=&q ...
随机推荐
- 使用 Fluent API 配置/映射属性和类型(摘自微软Data Access and Storage)
使用 Fluent API 配置/映射属性和类型 使用实体框架 Code First 时,默认行为是使用一组 EF 中内嵌的约定将 POCO 类映射到表.但是,有时您无法或不想遵守这些约定,需要将实体 ...
- sql中的跨库查询
在sql查询时,需要关联2个服务器上的不同数据库,只需要在所需查询的表名前加上服务器地址即可. 例如:在 192.168.0.15,8020的db110库 和 192.168.0.150,8082的d ...
- 在线markdown编辑器
https://www.zybuluo.com/mdeditor http://mahua.jser.me/
- Date 对象中的 getYear 和 getFullYear方法
生成一个新的日期对象 : var someDate=new Date(); 获取日期月份中的天数: var date=someDate.getDate(); 获取 4 位数的年份: var year= ...
- tomcat跨域请求
tomcat A请求tomcat B中的数据(本人是在同一台机器上2个tomcat端口不同,在不同机器上有时间会测得) 博主用的是ajax请求 在A 请求B中数据,用下面的方法可以 在被请求的tomc ...
- spring+mybatis整合读取不了配置文件
报错如下: java.sql.SQLException: unkow jdbc driver : ${jdbc.url}其余错误就不贴了,主要原因是没有读取到配置文件 读取配置文件代码: <be ...
- Nginx和Apache配置日志格式记录Cookie
记录Cookie有什么用? 有时候我们需要通过web服务器的访问日志来统计UV(独立访客),并据此分析用户的行为.而UV是依据cookie数据得出的统计.UV相对于IP的好处是:IP是一个反映网络虚拟 ...
- powerdesinger
www.sap.com solutions>data management>powerdesinger http://www.sap.com/product/data-mgmt/power ...
- 升级Win2010后， 打开SQL2008 附加数据库提示 5120错误
在win2010系统上使用sql2008进行附加数据库(包括在x86系统正在使用的数据库文件,直接拷贝附加在X64系统中)时,提示无法打开文件,5120错误. 这个错误是因为没有操作权限,所以附加的时 ...
- STM32固件库3.5+uCOS2.86移植（转自暴走的工程师）
考了很多移植的资料和代码,终于移植好了...应该是完美移植吧~~哈哈哈~~ 编译环境是IAR 工程适用于STM32F10X大容量产品,如果不是,请自行修改启动文件和工程配置 编译器优化等级最高...这 ...