<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>注册页面</title>

        <link rel="stylesheet" href="css/register.css" type="text/css" />

        <!--<script src="js/rejister.js" type="text/javascript"></script>-->

    </head>

    <body>

        <div id="mainContent">

            <!--表单-->

            <form>

                <!--帐号-->

                <div class="row">

                    <div>帐号:</div>

                    <input type="text" placeholder="  请输入帐号"/>

                </div>

                <!--密码-->

                <div class="row">

                    <div>密码:</div>

                    <input type="password" placeholder="  请输入密码"/>

                </div>

                <!--确认密码-->

                <div class="row">

                    <div >确认密码:</div>

                    <input type="password" placeholder="  请确认密码"/>

                </div>

                <!--手机号-->

                <div class="row">

                    <div>手机号:</div>

                    <input placeholder="  请输入手机号"/>

                </div>

                <!--邮箱-->

                <div class="row">

                    <div>邮箱:</div>

                    <input placeholder="  请输入邮箱"/>

                </div>

                <!--性别选项-->

                <div class="row">

                    <div>性别:</div>

                    <input class="choose" type="radio" name="sex" value="男" checked="true"/ >男

                    <input class="choose" type="radio" name="sex" value="女"/>女

                </div>

                <!--兴趣爱好-->

                <div class="row">

                    <div>兴趣爱好:</div>

                    <input class="choose" type="checkbox"/>打篮球

                    <input class="choose" type="checkbox"/>踢足球

                    <input class="choose" type="checkbox"/>跑步

                    <input class="choose" type="checkbox"/>游泳

                    <input class="choose" type="checkbox"/>看书

                    <input class="choose" type="checkbox"/>唱歌

                </div>

                <!--上传头像-->

                <div class="row">

                    <div>上传头像:</div>

                    <input type="file" />

                </div>

                <!--地址-->

                <div class="row">

                    <div>地址:</div>

                    <select class="province" >

                        <option>省</option>

                        <option>北京</option>

                        <option>广东</option>

                    </select>

                    <select class="city">

                        <option>市</option>

                        <option>广州</option>

                        <option>深圳</option>

                    </select>

                    <select class="district">

                        <option>区</option>

                        <option>白云</option>

                        <option>龙岗区</option>

                    </select>

                </div>

                <!--自我介绍-->

                <div class="row self">

                    自我介绍

                    <textarea rows="5" cols="25"></textarea>

                </div>

                <!--提交按钮-->

                <div class="row">

                    <input id="submintBtn" onclick="change()" type="submit" value="提交"/>

                </div>

            </form>

        </div>

    </body>

</html>
#mainContent{

    /*background: orange;*/

    margin-top: 30px;

    width: 500px;

    /*margin-left: 20%;*/

}

#mainContent .row{

    /*background: blueviolet;*/

    margin-top: 10px;

    height: auto;

    line-height: 30px;

    font: arial;

    font-size: 13px;

}

#mainContent .row div{

    /*background: cyan;*/

    float: left;

    display: inline-block;

    width:  90px;

    text-align: right;

    font: arial;

    font-size: 13px;

}

#mainContent .row input{

    /*float: left;*/

    /*background: olive;*/

    height: 25px;

    width: 180px;

    border: 1px solid #666666;

    border-radius: 5px;

    font: arial;

    font-size: 13px;

    margin-left: 10px;

}

#mainContent .row input:hover{

    border: 1px solid deepskyblue;

}

#mainContent .row .choose{

    width: auto;

    height: 15px;

    line-height: 30px;

}

#mainContent .row select{

    margin-left: 10px;

}

#mainContent .self{

    /*background: greenyellow;*/

    margin-left: 30px;

}

#mainContent .row textarea{

    /*background: gold;*/

    /*margin-left: 50px;*/

    border: 1px solid #666666;

}

#mainContent  #submintBtn{

    background: #666666;

    width:120px;

    /*margin-top: 100px;*/

    margin-left: 110px;

}

#mainContent  #submintBtn:hover{

    background: deepskyblue;

}

注册页面的简单搭建（H5）的更多相关文章

  1. vue新手入门之使用vue框架搭建用户登录注册案例，手动搭建webpack+Vue项目（附源码，图文详解，亲测有效）

    前言 本篇随笔主要写了手动搭建一个webpack+Vue项目,掌握相关loader的安装与使用,包括css-loader.style-loader.vue-loader.url-loader.sass ...

  2. 使用Html和ashx文件实现其简单的注册页面

    记得上一次博客中实现的是其登录页面,其实学会了登录页面,注册页面自然就知道怎么写啦,都是一个意思的,但是今天不知道怎么个情况,写一个注册页面程序 中 一直在出错,大的问题小的问题一直出错,似乎是不在状 ...

  3. Android笔记-4-实现登陆页面并跳转和简单的注册页面

    实现登陆页面并跳转和简单的注册页面   首先我们来看看布局的xml代码 login.xml <span style="font-family:Arial;font-size:18px; ...

  4. AJAX实现简单的注册页面异步请求

    p { margin: 0px; padding: 0px } AJAX简介 (1)AJAX = 异步 JavaScript 和 XML. (2)AJAX 是一种用于创建快速动态网页的技术. (3)通 ...

  5. node.js实现简单的登录注册页面

    首先需要新建四个文件 一个服务器js 一个保存数据的txt 一个登陆.一个注册页面html 1.注册页面 <!DOCTYPE html> <html lang="en&qu ...

  6. 爬虫笔记之w3cschool注册页面滑块验证码破解（巨简单滑块位置识别，非鼠标模拟轨迹）

    一.背景介绍 最开始接触验证码破解的时候就是破解的w3cschool的使用手机号找回密码页面的验证码,详见:验证码识别之w3cschool字符图片验证码(easy级别),这次破解一下他们注册页面的滑块 ...

  7. HTML简单登录和注册页面及input标签诠释

    今天第一次接触HTML这种语言,虽然不能完全理解其中的意思,过去学的英语单词几乎也忘了差不多了,但是感觉进入这门语言学习之后就没有那么难了,一步一步来吧!下面巩固下今天学内容: HTML是一种超文本标 ...

  8. 基于MVC4+EF5.0+Ajax+Json+CSS3的简单注册页面（get&post）

    使用mvc4可以很快速的创建页面,但封装的过多,难免会有些性能上的问题.所以基于此,通过使用简单的手写html,加ajax,json来创建一个注册页面,会比较干净,简洁. 本项目的环境是MVC4+EF ...

  9. 注册页面-使用form模块搭建

    基于Django的form模块,快速的搭建注册页面,每个限制条件,都放在form模块里面,不单独对每一项编写标签,使用模版的 for 循环来渲染. 首先设置form模块 在blogs模块下创建一个bl ...

随机推荐

  1. backtrack5渗透 笔记

    目录        1.信息收集        2.扫描工具        3.漏洞发现        4.社会工程学工具        5.运用层攻击msf        6.局域网攻击       ...

  2. avira更新时候安装了launcher

    用不上红伞其他的软件,一个登录选择器就显得多余.可能是长时间没用电脑,更新给装上了启动器. 本文以时间顺序而记录 ------------------------------------------- ...

  3. react 用value 直接赋值 必须用onchange的解决方式

    render : function(){ return <input value={this.state.bankCardValue} type="text" onKeyUp ...

  4. Thinkphp 不显示生成的验证码 【转载】

    在调用验证码之前加上 ob_clean(); 不显示验证码的代码: public function verify(){ $verify = new \Think\Verify(); $verify-& ...

  5. 使用PHP发送邮件的两种方法

    使用PHP发送邮件的两种方法 May242013 作者:Jerry Bendy   发布:2013-05-24 22:25   分类:PHP   阅读:2,107 views   抢沙发     今天 ...

  6. Linux+postfix+extmail+dovecot打造基于web页面的邮件系统

    原文地址:http://blog.csdn.net/deansrk/article/details/6717720 最终效果图: 准备阶段:需要手动下载的软件包: postfix-2.6.5.tar. ...

  7. Windows 下 Nginx + PHP + Xdebug + PHPStorm 调试环境配置

    前期条件:安装好 Nginx.PHP.PHPStorm,使得可以正常访问 一.为 PHP 安装 Xdebug 到 Xdebug 的官网(http://xdebug.org/download.php)下 ...

  8. 【转】UnityVS(Visual Studio Tools For Unity)的安装与使用

    Unity 的开发者们,尤其是微软系的Unity开发者们,用Mono是不是烦死了?你是不是跟我一样,用vs来写代码,用Mono来跟踪调试?好麻烦啊好麻烦. 也许你会说,傻逼你不会用UnityVS插件么 ...

  9. ubuntu12.04 安装 php5.4/php5.5

    1:修改源(我使用163的源)直接修改/etc/apt/sources.list deb http://mirrors.163.com/ubuntu/ precise main universe re ...

  10. //四舍五入//得到倒序//比较字符串//拦截时间，实现超时锁屏//判断是否越狱//配置PodFile//Storyboard中跳转操作//处理不可逆的push界面操作

    //处理不可逆的push界面操作 VerifyRealNameViewController *verifyRealNameCtrl = [VerifyRealNameViewController vi ...