<!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. cocos2dx android lua文件设置问题

    cocos2d-x版本: cocos2d-2.1rc0-x-2.1.2 通常我们在文件AppDelegate.cpp的applicationDidFinishLaunching()函数中设置lua代码 ...

  2. Spring3.2 + Hibernate4.2

    Spring3.2 + Hibernate4.2 前三篇随笔中介绍了 用原生的JDBC访问数据库.一种高效的数据库连接池druid.用Spring的JDBC框架访问数据库. 本文继续介绍第三种数据库访 ...

  3. 最小堆实现优先队列：Python实现

    最小堆实现优先队列:Python实现 堆是一种数据结构,因为Heapsort而被提出.除了堆排序,“堆”这种数据结构还可以用于优先队列的实现. 堆首先是一个完全二叉树:它除了最底层之外,树的每一层的都 ...

  4. 【总结】AngularJs学习总结

    应项目的需要,一个月之前开始做WebComponents.Javascript MVC框架的技术调研,由于重点是想做组件化,所以就没有考虑Backbone(去年就小试牛刀,太难用了)及其他的mvc框架 ...

  5. 一步步教你读懂NET中IL（附带图）

    一步步教你读懂NET中IL(附带图) 接触NET也有1年左右的时间了,NET的内部实现对我产生了很大的吸引力,在msdn上找到一篇关于NET的IL代码的图解说明,写的挺不错的.个人觉得:能对这些底部的 ...

  6. 设计模式：空对象模式（Null Object Pattern）

    设计模式:空对象模式(Null Object Pattern) 背景 群里聊到<ASP.NET设计模式>,这本书里有一个“Null Object Pattern”,大家就闲聊了一下这个模式 ...

  7. zoj1537- Playing with a Calculator

    http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemId=537 题意:给你一个k值,现在要你求一个最小的N 值,N每一个数位上的数值a均相 ...

  8. 弃用个人博客站重返CSDN缘由

    最近悄然关闭了自己的个人博客小站,重新返回了CSDN写博客.恰逢周末,闲暇尚有,敲击键盘记录一下. 其实最初关闭个人基于SAE的个人博客站是一周前开始的,想想自己的博客已经有两周年多的时间了,刚刚创建 ...

  9. 【Servlet3.0新特性】第03节_文件上传

    这是一个Web Project 首先是web.xml <?xml version="1.0" encoding="UTF-8"?> <web- ...

  10. VS2012下基于Glut OpenGL glScissor示例程序：

    剪裁测试用于限制绘制区域.我们可以指定一个矩形的剪裁窗口,当启用剪裁测试后,只有在这个窗口之内的像素才能被绘制,其它像素则会被丢弃.换句话说,无论怎么绘制,剪裁窗口以外的像素将不会被修改.有的朋友可能 ...