注册页面的简单搭建（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 ...
随机推荐
- jQuery前端验证多种方式
JQuery Validate使用总结:一.导入js库<script src="../js/jquery.js" type="text/javascript&quo ...
- php根据IP地址跳转对应的城市，淘宝REST api调用地址直接使用
<?php // 定义一个函数getIP() function getIP(){ global $ip; if (getenv("HTTP_CLIENT_IP")) { $i ...
- PHP获取当前时间、时间戳的各种格式写法汇总[日期时间]（转）
今天写下PHP中,如何通过各种方法 获取当前系统时间.时间戳,并备注各种格式的含义,可灵活变通.1.获取当前时间方法date()很简单,这就是获取时间的方法,格式为:date($format, $ti ...
- PHP file_get_contents函数读取远程数据超时的解决方法
PHP file_get_contents函数读取远程数据超时的解决方法 投稿:junjie 字体:[增加 减小] 类型:转载 这篇文章主要介绍了PHP file_get_contents函数读取 ...
- Yii源码阅读笔记（九）
Behvaior类,Behavior类是所有事件类的基类: namespace yii\base; /** * Behavior is the base class for all behavior ...
- 批处理之命令补充II
网络命令 net use \\ip\ipc$ " " /user:" " 建立IPC空链接 net use \\ip\ipc$ "密码" / ...
- java时间格式串
yyyy-mm-dd 和yyyy-MM-dd转换出来的日期不用. 用"yyyy-MM-dd"
- common.js
//检测浏览器 function checkb(){ var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua. ...
- 【转】Problems with HTTPS, HttpWebRequest, and iOS?
We're using HttpWebRequest to hit HTTPS urls, on iOS. In Debug, local builds, etc. everything works ...
- 使用SecureCRT连接ubuntu
SecureCRT SSH2连接新装的UBUNTU 14.04 LTS 发现UBUNTU默认没有安装SSH 服务 在UBUNTU上 sudo apt-get install openssh-serve ...