<!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. [办公自动化] 再读《让EXCEL飞》（从excel导入access数据时，union联合查询，数据源中没有包含可见的表格）

    一年多以前就买了@Mrexcel的<让excel飞>这本书.整体思路是利用access结合excel,大幅度提高数据分析效率. 最近又拿出来看了看.第十五章,比高级筛选更“高级”,P241 ...

  2. ThinkPHP 学习笔记 ( 二 ) 控制器 ( Controller )

    /** * ThinkPHP version 3.1.3 * 部署方式:应用部署 * 文内的 http://localhost/ 由实际主机地址代替 */ 入口文件 index.php: <?p ...

  3. HTML: css 修飾文本和字體

    因爲這個我認爲不用記,所以關於css 修飾文本&字體的屬性只需要打開css手冊,找到(屬性 > 文本) & (屬性 > 字體)翻看即可. 關於字體屬性: Propertie ...

  4. nginx下使用memcache

    nginx配置支持memcache,但不支持写,支持读,所以读取部分由程序设置,整个代码如下nginx的server段配置如下:#将静态文件放入memcachelocation ~* \.(gif|j ...

  5. Running Kafka At Scale

    https://engineering.linkedin.com/kafka/running-kafka-scale If data is the lifeblood of high technolo ...

  6. php://input，$_POST，$HTTP_RAW_POST_DATA区别

    我们先来看两个demo 例子:php://input 代码如下   post.php 代码如下   例子:$_post 代码如下   welcome.php 代码如下   再来看$GLOBALS [& ...

  7. [转载]推荐不伤眼睛的文字背景色 VS背景色

    天天使用电脑要主要保护眼睛.下面介绍下不伤眼睛的文字背景色 苹果绿 RGB 204,255,204 #CCFFCC 杏仁黄 rgb 250 249 222 #FAF9DE 青草绿 rgb 227 23 ...

  8. BlueDroid介绍

    目录 1. 基本结构 2. 代码区 自从Android 4.2开始,Android开始使用自己的蓝牙协议栈BlueDroid,而不是bluez BlueDroid可分为两层: - BTE: Bluet ...

  9. OC文件大小的计算方法，多用于清理缓存

    OC文件大小的计算方法,一般多用于清理缓存.下载.统计 可以使用以下方法: #pragma mark Bt转换 + (NSString *)axcFileSizeWithToString:(unsig ...

  10. HTML5样式和列表、CSS链接的四种状态

    一.HTML5样式 1.标签: <style>:样式定义: <link>:资源引用: 2.属性: type="text/css":引入文档类型: rel=& ...