创建战网通行证账号,开启您的冒险之旅。

<form>
    <table border="0">
        <tr>
            <td>账号:</td>
            <td > <input type="text"  name="tt" value="" placeholder="请输入想注册的账号"  /></td>
        </tr>
        <tr>
            <td>密码:</td>
            <td ><input type="password" name="pw" value="" placeholder="请设置您账号的登入密码"  /> </td>
        </tr>
        <tr>
            <td>重复密码:</td>
            <td><input type="password" name="pe" value="" placeholder="再次输入密码" /></td>
        </tr>
        <tr>
            <td>验证码:</td>
            <td><input type="password" name="pe" value="" placeholder="请输入六位验证码" /></td>
            <td><input type="image" src="1.gif" width="30px" height="30px"/></td>
        </tr>
        <tr>
            <td>性别:</td>
            <td><input type="radio" id="x1" name="xb" value="0" />
                <label for="x1" >男</label>
                <input type="radio" id="x2" name="xb" value="1" />
                <label for="x2" >女</label>
            </td>
        </tr>
        <tr>
            <td>玩过什么游戏:</td>
            <td > <input type="checkbox"  id="c1"  value="b1"  />
                  <label for="c1">英雄联盟</label>
                  <input type="checkbox"  id="c2"  value="b2"  />
                  <label for="c2">穿越火线</label>
                  <input type="checkbox"  id="c3"  value="b3"  />
                  <label for="c3">魔兽世界</label>
                  <input type="checkbox"  id="c4"  value="b4"  />
                  <label for="c4">守望先锋</label></td>
                  
           </tr>
           <tr>
                   <td>
                    <select name="education" id="education" size='1'>
         <option value="0"  selected="selected">年</option>
         <option value="1">1998</option>
         <option value="2">1997</option>
         <option value="3">1996</option>
         <option value="4">1995</option>
         <option value="5">1994</option>
         <option value="6">1993</option></select>
                </td>
           
           </tr>
           <tr>
                   <td>
                    <input type="button" value="按钮" />
                    
               
                    <input type="submit" value="提交" />
                
                    <input type="reset" value="重置" />
                </td>
           </tr>
        
    </table>

form 表单练习的更多相关文章

  1. form表单验证-Javascript

    Form表单验证: js基础考试内容,form表单验证,正则表达式,blur事件,自动获取数组,以及css布局样式,动态清除等.完整代码如下: <!DOCTYPE html PUBLIC &qu ...

  2. Form 表单提交参数

    今天因为要额外提交参数数组性的参数给form传到后台而苦恼了半天,结果发现,只需要在form表单对应的字段html空间中定义name = 后台参数名 的属性就ok了. 后台本来是只有模型参数的,但是后 ...

  3. form表单 ----在路上(15)

    form 表单就是将用户的信息提交到服务器,服务器会将信息存储活着根据信息查询数据进行增删改查,再将其返回给用户. 基本格式: <form action="" method ...

  4. form表单的字符串进行utf-8编码

    <form>表单有assept-charset属性.该属性规定字符的编码方式,默认是"unknown",与文档的字符集相同. 该属性除了Internet explore ...

  5. 细说 Form (表单)

    细说 Form (表单) Form(表单)对于每个WEB开发人员来说,应该是再熟悉不过的东西了,可它却是页面与WEB服务器交互过程中最重要的信息来源. 虽然Asp.net WebForms框架为了帮助 ...

  6. 通过form表单的形式下载文件。

    在项目中遇到问题,要求动态拼接uri下载文件.但是由于项目的安全拦截导致window.location.href 和 window.open等新建窗口的方法都不行. 无意间百度到了通过form表单来下 ...

  7. form 表单跨域提交

    <!DOCTYPE html><html> <head> <title>form 表单上传文件</title> <script src ...

  8. form表单的属性标签

    form表单的常用标签 表单: <form id="" name="" method="post/get" action=" ...

  9. form表单的属性标签和练习

    form表单的标签 做一个如下图的form表单: 我们的代码如下: <body leftmargin="400px" topmargin="200px"& ...

  10. Django基础,Day5 - form表单投票详解

    投票URL polls/urls.py: # ex: /polls/5/vote/ url(r'^(?P<question_id>[0-9]+)/vote/$', views.vote, ...

随机推荐

  1. js运算符的优先级

    自上向下优先级降低 运算符 描述 . [] () 字段访问.数组下标.函数调用以及表达式分组 ++ -- - ~ ! delete new typeof void 一元运算符.返回数据类型.对象创建. ...

  2. Ubuntu12.04 下配置tomcat

    首先要配置好JDK,参考:http://www.cnblogs.com/yshyee/p/3352154.html 到http://tomcat.apache.org/download-60.cgi下 ...

  3. Qt在Mac OS X下的编程环境搭建

    尊重作者,支持原创,如需转载,请附上原地址:http://blog.csdn.net/libaineu2004/article/details/46234079 在Mac OS X下使用Qt开发,需要 ...

  4. Ushare应用

    Ushare应用 Openwrt 系统功能强大,主要优势在于其开放性和可扩展性,Openwrt 安装ushare后,可将路由器变身为一个功能强大的家庭upnp流媒体服务器! 打开网上邻居,会显示发现u ...

  5. BZOJ2768: [JLOI2010]冠军调查

    2768: [JLOI2010]冠军调查 Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 484  Solved: 332[Submit][Status ...

  6. window环境下安装 pip 工具 【pip为Python的扩展管理工具】

    Python有一些扩展管理工具,例如easy_install和pip工具,我推荐各位使用pip工具,因为pip工具具有很好的安装和卸载体验. 我们首先需要打开pip的官方网站, 下载必要的文件包,然后 ...

  7. (转)iOS Wow体验 - 第二章 - iOS用户体验解析(2)

    本文是<iOS Wow Factor:Apps and UX Design Techniques for iPhone and iPad>第二章译文精选的第二部分,其余章节将陆续放出.上一 ...

  8. [Angular 2] Using ng-for to repeat template elements

    This lesson covers Angular 2’s version of looping through data in your templates: ng-for. It’s conce ...

  9. js jsp 时间 日期 控件 插件 简单 实用

    js时间控件一般都是找网上的用,这东西平常很少涉及到,一用到找起来却烦死人,不是没用就是太复杂,今天向大家推荐一个简单实用的控件,该控件在不断更新,而且有专门的网站对它进行维护,所以值得一看. 先说它 ...

  10. iOS中如何获取image.xcassets中的启动图片

    /** *  获取启动图片 */ +(UIImage *)launchImage{ NSString *imageName=@"LaunchImage-700"; if(iphon ...