php创建新用户注册界面布局实例

<!DOCTYPE>

<html>

<head>

    <title>Load page</title>

    <meta http-equiv="Content-type" content="text/html" charset="utf8">

    <style type="text/css">

        body{

            font-family:Arial, Helvetica, sans-serif;

            font-size:12px;

            color:#666666;

            background:#fff;

            text-align:center;

        }

        *{

            margin:0;

            padding:0;

        }

        a{

            color:#1e7ace;

            text-decoration:none;

        }

        a:hover{

            color:#000;

            text-decoration:underline;

        }

        h3{

            font-size:14px;

            font-weight:bold;

        }

        pre, p{

            color: #1e7ace;

            margin:4px;

        }

        input, select, textarea{

            padding:1px;

            margin:2px;

            font-size:11px;

        }

        #myform{

            width:450px;

            margin:15px auto;

            padding:20px;

            text-align:left;

            border:1px solid #a4cdf2;

        }

        fieldset{

            padding:10px;

            margin-top:5px;

            border:1px solid #a4cdf2;

            background:#fff;

        }

        fieldset legend{

            color:#1e7ace;

            font-weight:bold;

            padding:3px 20px 3px 20px;

            border:1px solid #a4cdf2;

            background:#fff;

        }

        fieldset label{

            float:left;

            width:120px;

            text-align:right;

            padding:4px;

            margin:1px;

        }

        fieldset div{

            clear:left;

            margin-bottom:2px;

        }

        .buttom{

            padding:1px 10px;

            font-size:12px;

            border:1px #1e7ace solid;

            background:#d0f0ff;

        }

        .input{

            width:120px;

        }

        .enter{

            text-align:center;

        }

        .clear{

            clear:both;

        }

    </style>

</head>

<body>

<div id="myform">

    <center><h3>创建新用户</h3></center>

    <form method="post" name="myForm" id="">

        <fieldset>

            <legend>用户注册</legend>

            <div>

                <label for="Name">用户名</label>

                <input type="text" name="Name" class="input" id="Name" size="20" maxlength="30"/>

                *(可输入字母数组下划线)<br>

            </div>

            <div>

                <label for="Email">email</label>

                <input type="text" name="Email" class="input" id="Email" size="20" maxlength="150" />

                *<br>

            </div>

            <div>

                <label for="password">输入密码</label>

                <input type="password" name="password" class="input" id="password" size="18" maxlength="15"/>

                *(长度不能超过15个字符)<br>

            </div>

            <div>

                <label for="confirm_password">重复密码</label>

                <input type="password" name="confirm_password" class="input" id="confirm_password" size="18" maxlength="15"/>

                *<br>

            </div>

            <div>

                <label for="AgreeToTerms">同意用户服务条款</label>

                <input style="height:22px;" type="checkbox" name="AgreeToTerms" id="AgreeToTerms" value="1"/>

                <a style="vertical-align:super;" href="#" title="您是否同意服务条款">点此查看用户条款</a>

                <i style="position:relative;top:-2px;"> *</i>

            </div>

            <div class="enter">

                <input name="create791" type="submit" class="buttom" value="提交"/>

                <input name="Submit" type="reset" class="buttom" value="重置"/>

            </div>

        </fieldset>

    </form>

    <br>

</div>

</body>

</html>

php创建新用户注册界面布局实例的更多相关文章

  1. 【译】用Fragment创建动态的界面布局(附Android示例代码)

    原文链接:Building a Dynamic UI with Fragments 为了在Android上创建一个动态和多视图的用户界面,你需要封装UI控件和模块化Activity的行为,以便于你能够 ...

  2. Android之QQ新用户注册界面1

    还没到睡觉时间所以再加了一个界面... 问题: 1.下拉列表(因为还没看到这里...) 2.标题栏显示问题 3.按钮的 Enable 设置 .......... 以下是代码: 布局 fragment_ ...

  3. python cookbook第三版学习笔记十二：类和对象(三)创建新的类或实例属性

    先介绍几个类中的应用__getattr__,__setattr__,__get__,__set__,__getattribute__,. __getattr__:当在类中找不到attribute的时候 ...

  4. iOS彩票项目--第四天，新特性界面搭建，UICollectionViewController的初次使用

    一.新特性界面搭建的思路: 在AppDelegate加载主窗体的时候进行判断程序版本号,直接进入程序或者进入新特性展示界面 取出当前的版本号,与旧的版本号相比较(旧的版本号在进入程序的时候存起来 =& ...

  5. 微信js框架第二篇(创建完整界面布局)

    接着昨天的继续谈关于微信新出的这个js框架,今天主要谈一个页面的创建到布局的详细步骤. 一.创建一个完整页面       页面你可以创建在项目的任何节点,只要你在入口文件正确引入创建该页面的路径就可使 ...

  6. Oracle 12c 创建新的数据库实例、用户

    前提:安装好了Oracle 12c数据库,已有一个数据库实例xe,登录用户/密码:system/oralce 我用的是docker安装的Oracle 12c的实例: docker run --name ...

  7. [转]Android：布局实例之模仿QQ登录界面

    Android:布局实例之模仿QQ登录界面 预览图: 准备: 1.找到模仿对象 QQ登陆界面UI下载>>>>> 2.导入工程 3.查看布局结构和使用控件 其对应效果图分布 ...

  8. Android：布局实例之模仿QQ登录界面

    预览图: 准备: 1.找到模仿对象 QQ登陆界面UI下载>>>>> 2.导入工程 3.查看布局结构和使用控件 其对应效果图分布为 4.分析样式选择器 下拉箭头2种样式:点 ...

  9. Android：布局实例之模仿京东登录界面

    预览图及布局结构参考: 布局: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout ...

随机推荐

  1. HTML5开发手机应用--viewport的作用

    在用HTML5开发手机应用或手机网页时,<head>部分总会有如下一段代码,这段代码到底什么意思呢.在网上,大家会得到很多答案.我从网上搜集了部分介绍,整理一下,以留备用. <met ...

  2. linux opensuse 程序中上传文件大小限制

    上传文件大小限制 修改nginx主配置文件 /etc/nginx/nginx.conf增加配置 client_max_body_size 40m;  (说明:这里40m是最大支持上传40兆)

  3. Android进程间通讯

    最近研究了一下Android进程间通讯,原来只是会用,但是只是会用是不行滴,就来研究一下. 刚开始看的时候,我的头是这么大,看了一夜的时候,头就变成这样了,,吓得宝宝赶紧上床休息了,. 先喝喝茶讲个故 ...

  4. 订单支付成功后存储过程 - MYSQL

    BEGIN SET @userId = (SELECT user_id FROM t_shoporder WHERE id = orderId); /*修改订单状态,改成已支付*/ ,update_t ...

  5. C#3.0扩展方法学习篇

     什么是类的扩展方法 扩展方法使您能够向现有类型“添加”方法,而无需创建新的派生类型.重新编译或以其他方式修改原始类型. MSDN Extension methods enable you to &q ...

  6. CSS基础篇之选择符2

    属性选择符: 选择符 版本 描述 E[att] CSS2 选择具有att属性的E元素. E[att="val"] CSS2 选择具有att属性且属性值等于val的E元素. E[at ...

  7. 浏览器访问Servlet

    浏览器访问Servlet1.指定一个Servlet路径(                     在web.xml :              <servlet>             ...

  8. Concurrency并发性

    今天看了有关性能的文章,性能也是客户所看重的. 文章推荐看了软件编程并发性. 就按书上敲了网址看:http://www.gotw.ca/publications/concurrency-ddj.htm ...

  9. Third Day(上班第四天):Android开发环境配置问题相关

    换公司新电脑了,重新安装Android开发环境,并配置,具体流程如下:1.百度JDK,访问Oracle官网:http://www.oracle.com/technetwork/java/javase/ ...

  10. Guava monitor

    Guava的com.google.util.concurrent类库提供了相对于jdk java.util.concurrent包更加方便实用的并发类,Monitor类就是其中一个.Monitor类在 ...