<!DOCTYPE html>
 <html>
 <head>
     <meta charset="utf-8">
     <title>test页面</title>
 </head>
 <!-- html5 最大的特点标签既有语义化  单边标记不需要关闭-->
 <body bgcolor="aliceblue">
     <br />
     <p align="center"><img src="data:images/logo_big.png" /></p>
     <!-- 采用纯html代码  表格里面套表格的做法  繁琐复杂   一行两列  列里套表格-->
     <table action="#" method="post" width="700" height="500" align="center" bgcolor="white" cellspacing="0" cellpadding="0" >
         <tr>
             <td>
                 <table height="450" cellspacing="0" cellpadding="0" align="center">
                     <tr>
                         <th colspan="2"><font size="5">个人注册 | <font color="yellow" size="5"><u><b>官方注册</b></u></font></font></th>
                     </tr>
                     <tr>
                         <td colspan="2"><font size="2">什么官方注册之类的,企业,<font color="blue">网站</font><font color="red">信息化账号</font>等等<br/>等等等等等等<font color="blue">等等等等等等等</font></font></td>
                     </tr>
                     <tr>
                         <td width="120" align="right"><img src="data:images/email_logo.png" /><font color="red">*</font>邮箱:</td>
                         <td><input type="email" name="email" value="" placeholder="使用邮箱登录"/><img src="data:images/error.png" /><font color="red">请输入常用邮箱</font><br><font size="2" color="red">或使用手机注册</font></td>
                     </tr>
                     <tr>
                         <td align="right"><font color="red" >*</font>设置密码:</td>
                         <td><input type="password" name="password" value=""/><img src="data:images/error.png" /><font color="red">请输入密码</font></td>
                     </tr>
                     <tr>
                         <td align="right"><font color="red" >*</font>官方注册微博:</td>
                         <td><input type="text" name="" value="" placeholder="请参考组织企业" /><img src="data:images/error.png" /><font color="red">请输入昵称</font></td>
                     </tr>
                     <tr>
                         <td align="right"><font color="red" align="right">*</font>所在地:</td>
                         <td>
                             <select>
                                 <option value="">广东</option>
                             </select>
                             <select>
                                 <option value="">广州</option>
                             </select>
                         </td>
                     </tr>
                     <tr>
                         <td align="right"><font color="red">*</font>验证码:</td>
                         <td><input type="text" name="" value=""/><font color="aquamarine" size="5" face="微软雅黑">&nbsp;love</font>&nbsp;<font color="blue"><a href="#">换一换</a></font></td>
                     <br></tr>
                     <tr align="center">
                         <td colspan="2">&nbsp;&nbsp;<img src="data:images/btn_reg.png" /> </td>
                     </tr>
                     <tr>
                         <td></td>
                         <td><font color="blue" size="2">
                             请认真审查个人信息<br>
                             微博服务协议<br>
                             全国人大常务委员会关于加强网络监督保护的决定</font>
                         </td>
                     </tr>
                 </table>
             </td>
             <td><img src="data:images/line.png"/></td>
             <td>
                 <table height="350">
                     <tr>
                         <td>已有账号,<font color="blue">直接登录</font>><br/><hr/></td>
                     </tr>
                     <tr>
                         <td>微博注册帮助</td>
                     </tr>
                     <tr>
                         <td><img src="data:images/1.png"/><font color="blue">微博注册帮助</font></td>
                     </tr>
                     <tr>
                         <td><img src="data:images/2.png"/><font color="blue">微博注册帮助</font></td>
                     </tr>
                     <tr>
                         <td><img src="data:images/3.png"/><font color="blue">微博注册帮助</font></td>
                     </tr>
                     <tr>
                         <td><img src="data:images/4.png"/><font color="blue">微博注册帮助</font></td>
                     </tr>
                     <tr>
                         <td><font color="blue">&nbsp;更多帮助>></font></td>
                     </tr>
                 </table>
             </td>
         </tr>
     </table>
     <p align="center"><img src="data:images/weibo.png" height="15"/>&nbsp;<font color="lightslategray" size="3">广州传智播客黑马程序员&nbsp;&nbsp;&nbsp;&nbsp;地址:广州市天河区吉山幼儿园津安创意园不知道多少号</font> </p>
 </body>
 </html>

html的简单表单制作...day5 php的更多相关文章

  1. DedeCMS自定义表单制作和调用办法

    [摘要]在很多建站需求中,需要一些额外的表单供前台用户提交,以便于收集.统计.分析及处理更多的数据,利用DedeCMS自带提供的自定义表单功能即可满足大多数的此类需求,本文就讲一下如何使用DedeCM ...

  2. ireport表单制作

    关于ireport的表单制作,可参考http://blog.csdn.net/wlwlwlwl015/article/details/51312853 这里主要讲解下如何在表单中加入table,如何让 ...

  3. PHP -- 简单表单提交

    网上看博文,一步步入门~~ 简单表单,简单提交 @_@!! <?php //php代码部分开始 echo "<html>"; echo "<hea ...

  4. Dw 表单制作 与 dedecms 结合实现提交效果

    Dw 表单制作 与 dedecms 结合实现提交效果 自定义表单的用处 1.教育类网站的学员报名 2.企业网站的在线订单 3.普通网页上的一些和用户交互的小功能 实现原理:首先添加表单:核心-频道模型 ...

  5. Bootstrap学习笔记系列3-------Bootstrap简单表单显示

    表单布局 垂直或基本表单 基本的表单结构时BootStrap自带的,创建基本表单的步骤如下: 向父<form>元素添加role = "form": 为了获取最佳的间距, ...

  6. Flexbox 布局的最简单表单 (转)

    作者: 阮一峰 弹性布局(Flexbox)逐渐流行,越来越多人使用,因为它写 CSS 布局真是太方便了. 三年前,我写过 Flexbox 的介绍(上,下),但是有些地方写得不清楚.今天,我看到一篇教程 ...

  7. JS简单表单验证

    这里我是写了一个简单的注册表单验证功能,亲测有效,一起来看看吧! 首先我的HTML代码是这样的: class大家可以忽略一下,这里我项目使用的是bootstrap的样式. 输入用户名和密码用的是正则表 ...

  8. Flexbox 布局的最简单表单

    作者: 阮一峰 日期: 2018年10月18日 弹性布局(Flexbox)逐渐流行,越来越多人使用,因为它写 CSS 布局真是太方便了. 三年前,我写过 Flexbox 的介绍(上,下),但是有些地方 ...

  9. OA表单制作（致远）

    第一步.导入已经制作好的xnl表单文件. 第二步.对每个字段设置相关属性. 1.设置文本属性,录入类型选择文本框. 2.设置日期属性,录入类型选择日期控件. 3.设置引用类型,录入类型选择关联表单-- ...

随机推荐

  1. FpGrowth算法

    FpGrowth算法 频繁项集与关联规则挖掘(2)--FpGrowth算法   上一篇介绍了关联规则挖掘的一些基本概念和经典的Apriori算法,Aprori算法利用频繁集的两个特性,过滤了很多无关的 ...

  2. Javascript单元测试框架比较Qunit VS Jasmine

    Javascript单元测试框架比较Qunit VS Jasmine 工欲行其事必先利其器,好的单元测试框架是TDD成功的一半.Javascript优秀的测试框架很多, 包括Jasmine,Qunit ...

  3. jQuery+JSON+jPlayer实现QQ空间音乐查询

    演示地址: http://bejson.com/demos/qqmusic/ 代码下载:http://www.jqdemo.com/932.html 查询QQ音乐是很早前就出来的一个接口. 这里使用j ...

  4. sql连接查询 2011-10-10 23:13 (QQ空间)

    在关系数据库管理系统中,表建立时各数据之间的关系不必确定,常把一个实体的所有信息存放在一个表中,通过连接运算符可以实现多个表查询.连接是关系数据库模型的主要特点,也是它区别于其它类型数据库管理系统的一 ...

  5. 各浏览器的cookie的name个数/最大容量限制测试

    测试代码 for(var ii = 0; ii< 5000;ii++){ if (!window.ia) window.ia=0; window.ia++; var s = 'a'+window ...

  6. Ubuntu 12.04(所有ubuntu发行版都适用)sudo免输入密码

    首先执行以下命令(该命令用来修改 /etc/sudoers 文件): $ sudo gedit /etc/sudoers 然后把  %sudo    ALL=(ALL:ALL) ALL  这行注释掉, ...

  7. android openGl视频

    链接如下:http://download.csdn.net/detail/jltxgcy/5667345

  8. 前端MVC学习笔记（四）——NodeJS+MongoDB+AngularJS+Bootstrap书店示例

    这章的目的是为了把前面所学习的内容整合一下,这个示例完成一个简单图书管理模块,因为中间需要使用到Bootstrap这里先介绍Bootstrap. 示例名称:天狗书店 功能:完成前后端分离的图书管理功能 ...

  9. learning english

    distortion 英[dɪ'stɔ:ʃn] 美[dɪˈstɔrʃən]n. 扭曲,变形; 失真,畸变; [心理学] 扭转;[例句]I think it would be a gross disto ...

  10. LIst去重，重写方法，继承接口。

    调用: ]).ToList(); var dic = dataThis.Distinct( new repDic()).ToList();var repList = ""; for ...