注册表单示例，出自《网页开发手记：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">密&nbsp;&nbsp;码</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注册表单示例的更多相关文章

  1. 如何利用WordPress创建自定义注册表单插件

    来源:http://www.ido321.com/1031.html 原文:Creating a Custom WordPress Registration Form Plugin 译文:创建一个定制 ...

  2. 模拟js中注册表单验证

    示例1 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8 ...

  3. jquery 通过submit()方法 提交表单示例

    jquery 通过submit()方法 提交表单示例: 本示例:以用户注册作为例子.使用jquery中的submit()方法实现表单提交. 注:本示例仅提供了对表单的验证,本例只用选用了三个字段作为测 ...

  4. 免费 PSD 下载： 20个精美的登录和注册表单

    注册表单有许多不同的形状和尺寸,有的只是单个的输入框,有的则需要多个步骤.登录表单的设计将定义网站的性质,因此它应进行针对性的设计.下面的列表提供了20个醒目的登录和注册表单设计为您提供灵感. 您可能 ...

  5. HTML6注册表单输入日志标题

    一.找到元素. var d = document.getElementById("") var d = document.getElementsByName("" ...

  6. form注册表单圆角 demo

    form注册表单圆角 <BODY> <div class="form"> <ul class="list"> <li& ...

  7. UX设计秘诀之注册表单设计，细节决定成败

    以下内容由摹客团队翻译整理,仅供学习交流,摹客iDoc是支持智能标注和切图的产品协作设计神器. 说实话,现实生活中,又有多少人会真正喜欢填写表格?显然,并不多.因为填写表单这样的网页或App服务,并非 ...

  8. 基于HTML5手机登录注册表单代码

    分享一款基于HTML5手机登录注册表单代码.这是一款鼠标点击注册登录按钮弹出表单,适合移动端使用.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class=&qu ...

  9. 4.前端注册表单验证 && 表单回填

    表单验证 前端表单验证就是在 jsp 页面中添加验证逻辑,使得注册表单在传入后台之前先进行一次表单验证 在jsp文件里的 head 块里面添加 jQuery 代码 <script type=&q ...

随机推荐

  1. 在as3中使用protobuf

    在最近参与开发的adobe air项目中,前后端的通信协议从XML.JSON再到protobuf,最后选择protobuf原因,主要是前后端维护protobuf协议就行了,同时还可以利用IDE做一些编 ...

  2. linux下一些可用库

    1. musl: 为了夸平台,采用小巧玲珑的libc进行静态编译.

  3. Dubbo 与 ImmutableList冲突解决

    在Java web实际开发中,常常用到微服务来进行架构分离,今天遇到一特奇怪的问题,Dububo 调用了接口三次,provider端而且没有抛出Exception.consumer却端抛出调用失败的异 ...

  4. Amazon验证码机器算法识别

    Amazon验证码识别 在破解Amazon的验证码的时候,利用机器学习得到验证码破解精度超过70%,主要是训练样本不够,如果在足够的样本下达到90%是非常有可能的. update后,样本数为2800多 ...

  5. php自学提升进阶路线

    为了自己对php的系统全面深入的掌握,我通过个人经验,以及搜索网上高手经验,汇总了一份php自我学习路线规划,包括实战演练.学习建议.高手进阶.常见问题和测试总结五块.算是一个系统的学习计划和目标吧. ...

  6. .NET设计规范————命名规范

    NET设计规范:约定.惯用法与模式———命名规范 前言:          最近在看<.NET设计规范:约定.惯用法与模式>一书,主要还是讲.NET的设计规范,以前对这一块也不是特别在意, ...

  7. 【转】error while loading shared libraries: libevent-2.0.so.5: cannot open shared object file: No such file or directory

    错误信息: /usr/local/memcacheq/bin/memcacheq: error while loading shared libraries: libevent-2.0.so.5: c ...

  8. View 的 focus 和 selected 状态， TabContainer实现

    View的 isFocusableInTouchMode() 默认是 false, 需调用 setFocusableInTouchMode(true) 才为true要让 button 等 view 调 ...

  9. 【学】React的学习之旅5-组件的嵌套

    复习 [array].map(function(item,index){})方法,传参里的函数需要有return值,一般用map()后都要用一个变量接一下,这个返回的还是一个数组,只是把每次遍历到的数 ...

  10. Hololens开发笔记之Gesture手势识别（Manipulation手势控制物体平移）

    Manipulation gesture:保持点击手势,在3D世界中绝对运动 当你想要全息图像1:1响应用户手部移动时,操纵手势能被用于移动.缩放或旋转全息图像.如此的一个用处是使得用户可以在世界中绘 ...