<!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. 【转】移动Web单页应用开发实践——页面结构化

    1. 前言 在开发面向现代智能手机的移动Web应用的时候,无法避免一个事实,就是需要开发单页应用(Single Page WebApp).对于不同的系统需求,单页应用的粒度会不同,可能是整个系统都使用 ...

  2. linux下挂在u盘，移动硬盘的方法，转移服务器资料的时候，使用移动硬盘什么最方便了

    本文章是在centos环境下操作的 最近linux服务器我不小心吧root下面的用户配置,不能远程登录,而且我对linux系统配置也不熟悉,最后的办法就是去了一趟机房,还好是在深圳南山科技园,不算太远 ...

  3. Web 在线文件管理器学习笔记与总结（10）查看文件夹中的内容

    ① 读取文件夹大小 a. 封装计算文件夹大小的函数 b.  打开文件夹 c. 循环判断文件夹下的内容是文件还是文件夹,如果是文件,则累积相加文件的大小:如果是文件夹,则递归调用该函数 注意两个问题: ...

  4. notepad++ gvim editplus 三款选择试用

    notepad++开源  试用还不错  但默认不会识别语法高亮  要自己设置  比较烦 gvim 在XP下竟然无法返回命令行  百般折腾无奈放弃 editplus 自带资源栏  选择器  文件查找功能 ...

  5. javaWeb中servlet开发——过滤器

    servlet开发--过滤器(filter) servlet有三种,分为简单servlet.过滤器servlet.监听servlet 简单servlet是作为一种程序所必须的开发结构保存的,继承htt ...

  6. w-WAITING---

    <p id="w_last" style="color: red; font-size: 6em;">w-WAITING---</p>& ...

  7. Lazarus -Pascal常量

    2.常量 2.1.普通常量 仅仅下面类型可以被定义为常量Ordinal类型Set类型指针类型 (but the only allowed value is Nil). real类型 Char, Str ...

  8. CRUD操作 create创建 read读取 update修改 delete删除

    1.注释语法:--,#2.后缀是.sql的文件是数据库查询文件3.保存查询4.在数据库里面 列有个名字叫字段 行有个名字叫记录 CRUD操作:create 创建(添加)read 读取update 修改 ...

  9. Div自适应高度的方法

    http://www.yutheme.cn/website/index.php/content/view/39/63.html div高度自适应是个比较麻烦的问题,在朋友artery那里看到这个文章, ...

  10. Redis学习笔记(9)-管道/分布式

    package cn.com; import java.util.Arrays; import java.util.List; import redis.clients.jedis.Jedis; im ...