<!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. 使用HIBERNATE的SQL查询并将结果集自动转换成POJO

    在某些场合下,我们可能想使用HIBERNATE的框架提供的SQL查询接口,但是,由于实体没有做映射,HIBERNATE不能把结果集转换成你想要的List<POJO>,本文讨论如何在这种情况 ...

  3. Mac OS 快捷键

    系统 (Option+) Command+Space 切换输入法 Command+Tab 切换不同应用 Command+Tab 切换一个应用内的不同窗口 Command+Shift+3 截取整个屏幕 ...

  4. 分布式文件系统FastDFS原理介绍

    在生产中我们一般希望文件系统能帮我们解决以下问题,如:1.超大数据存储:2.数据高可用(冗余备份):3.读/写高性能:4.海量数据计算.最好还得支持多平台多语言,支持高并发. 由于单台服务器无法满足以 ...

  5. ios-滚动导航条页面

    // ViewController.m #import "ViewController.h" #import "ScrollSliderView.h" @int ...

  6. PHP关闭提示、打印配置

    打印配置 PHP.exe -i > Info.txt 关闭 PHP 提示的方法 搜索php.ini: error_reporting = E_ALL 改为: error_reporting = ...

  7. 关于jQuery学习

    ≡[..]≡≡[..]≡ 所有的实例都位于document.ready里面--为了防止文档在未完全加载之前就运行函数导致操作失败. $(document).ready(function(){ --- ...

  8. toast 防止一直不停弹出，累积显示

    private Toast mToast = null; public void showTextToast(String msg) { if (mToast == null) { mToast = ...

  9. JNI字段描述符-Java Native Interface Field Descriptors

    一.JNI字段描述符 "[I" ---  int[] "[[[D" --- double[][][] 如果以一个L开头的描述符,就是类描述符,它后紧跟着类的字符 ...

  10. Delphi xe7 FireMonkey / Mobile (Android, iOS)生成 QR Code完整实例

    这个实例在windows.OS X.IOS和Android等平台运行正常.本文参考这个网站提供的方法:http://zarko-gajic.iz.hr/firemonkey-mobile-androi ...