注册页面的简单搭建（H5）
<!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）的更多相关文章
- vue新手入门之使用vue框架搭建用户登录注册案例，手动搭建webpack+Vue项目（附源码，图文详解，亲测有效）
前言 本篇随笔主要写了手动搭建一个webpack+Vue项目,掌握相关loader的安装与使用,包括css-loader.style-loader.vue-loader.url-loader.sass ...
- 使用Html和ashx文件实现其简单的注册页面
记得上一次博客中实现的是其登录页面,其实学会了登录页面,注册页面自然就知道怎么写啦,都是一个意思的,但是今天不知道怎么个情况,写一个注册页面程序 中 一直在出错,大的问题小的问题一直出错,似乎是不在状 ...
- Android笔记-4-实现登陆页面并跳转和简单的注册页面
实现登陆页面并跳转和简单的注册页面 首先我们来看看布局的xml代码 login.xml <span style="font-family:Arial;font-size:18px; ...
- AJAX实现简单的注册页面异步请求
p { margin: 0px; padding: 0px } AJAX简介 (1)AJAX = 异步 JavaScript 和 XML. (2)AJAX 是一种用于创建快速动态网页的技术. (3)通 ...
- node.js实现简单的登录注册页面
首先需要新建四个文件 一个服务器js 一个保存数据的txt 一个登陆.一个注册页面html 1.注册页面 <!DOCTYPE html> <html lang="en&qu ...
- 爬虫笔记之w3cschool注册页面滑块验证码破解（巨简单滑块位置识别，非鼠标模拟轨迹）
一.背景介绍 最开始接触验证码破解的时候就是破解的w3cschool的使用手机号找回密码页面的验证码,详见:验证码识别之w3cschool字符图片验证码(easy级别),这次破解一下他们注册页面的滑块 ...
- HTML简单登录和注册页面及input标签诠释
今天第一次接触HTML这种语言,虽然不能完全理解其中的意思,过去学的英语单词几乎也忘了差不多了,但是感觉进入这门语言学习之后就没有那么难了,一步一步来吧!下面巩固下今天学内容: HTML是一种超文本标 ...
- 基于MVC4+EF5.0+Ajax+Json+CSS3的简单注册页面（get&post）
使用mvc4可以很快速的创建页面,但封装的过多,难免会有些性能上的问题.所以基于此,通过使用简单的手写html,加ajax,json来创建一个注册页面,会比较干净,简洁. 本项目的环境是MVC4+EF ...
- 注册页面-使用form模块搭建
基于Django的form模块,快速的搭建注册页面,每个限制条件,都放在form模块里面,不单独对每一项编写标签,使用模版的 for 循环来渲染. 首先设置form模块 在blogs模块下创建一个bl ...
随机推荐
- php处理数组函数大全
PHP:指示支持该函数的最早的 PHP 版本. 函数 描述 PHP array() 创建数组. 3 array_change_key_case() 返回其键均为大写或小写的数组. 4 array_ch ...
- pox目录中的交换机mac地址学习模块 l2_multi源码
# Copyright 2012-2013 James McCauley # # Licensed under the Apache License, Version 2.0 (the "L ...
- mysql varchar类型使用心得
自己的一个例子,在存储一个email的需求中.mysql定义的字段,类型:varchar 长度:20 当我插入一个email:huangyuande@sailvan.com 发现怎么样都差不进去.. ...
- Unity 区分不同平台
问题:公司开发的游戏实在android平台上运行,但是我们是在windows平台下进行开发,OK ,经常有些地方开发完之后就要换到android上面,能区分平台的不同就可以对代码做区分处理 回答:un ...
- Bootstrap页面布局2 - 包含BS文件
如图所示: bootstrap布局基于HTML5,为了使IE8以下也能使用某些HTML5的标签,必须要引入文件:http://html5shiv.googlecode.com/svn/trunk/ht ...
- 看StackOverflow如何用25台服务器撑起5.6亿的月PV
问答社区网络 StackExchange 由 100 多个网站构成,其中包括了 Alexa 排名第 54 的 StackOverflow.StackExchang 有 400 万用户,每月 5.6 亿 ...
- php 分词 —— PHPAnalysis无组件分词系统
分词,顾名思义就是把词语分开,从哪里分开?当然是一大堆词语里了,一大堆词语是什么?是废话或者名言.这在数据库搜索时非常有用. 官方网站 http://www.phpbone.com/phpanalys ...
- 规则html表单对象赋值
function grid_load_callback(data, status) { if (data.rows.length > 0) { ...
- Truncate table
Truncate是一个能够快速清空资料表内所有资料的SQL语法.并且能针对具有自动递增值的字段,做计数重置归零重新计算的作用.
- Linux上使用SMART检测硬盘
SMART(Self-Monitoring, Analysis, and Reporting Technology)是一种普及度比较高的磁盘分析检测工具,磁盘运行过程中,该工具搜集磁盘的状态参数,如型 ...