<!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. CSS position overflow float 属性 详解

    position  overflow float 几个属性比较容易混淆,写一段代码详解各自具体情况: position在w3school的可能取值: 值 描述 absolute 生成绝对定位的元素,相 ...

  2. IOS开发之路二十一(UIWebView加载本地html)

    挺简单不多说的直接代码: // // ViewController.h // JSAndJson // // Created by WildCat on 13-9-8. // Copyright (c ...

  3. Object-c学习之路(oc点语法)

    最近想学习object-c了自己上网找了一些资料自学了一下:oc中的点语法是为了java.c等的程序员更好的上手而添加的功能. 主函数 // // main.m // OcTest1 // // Cr ...

  4. CKeditor 集成 CKFinder

    之前照着网上的做,遇到了一些问题,经过多次实验修改最后算是成功了,下面进行详细讲解. 一.CKeditor的配置(附件中已有最新版CKeditor和CKFinder) 1.需要下载ckeditor, ...

  5. CDM业务单据,表体单价列赋值所需要注意的问题

    需要将销售退回入库单据的单价自动去商品资料里的零售价值. 写了检索方案,然后 select * .............    spkfk.lshj as dj.........  ,但是发现定价依 ...

  6. Python学习入门基础教程(learning Python)--2.3.3Python函数型参详解

    本节讨论Python下函数型参的预设值问题. Python在设计函数时,可以给型参预设缺省值,当用户调用函数时可以不输入实参.如果用户不想使用缺省预设值则需要给型参一一赋值,可以给某些型参赋值或不按型 ...

  7. SQL注入(二)

    5.限制输入长度 如果在Web页面上使用文本框收集用户输入的数据,使用文本框的MaxLength属性来限制用户输入过长的字符也是一个很好的方法,因为用户的输入不够长,也就减少了贴入大量脚本的可能性.程 ...

  8. call 与 apply的区别

    1.方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象. 说明: call ...

  9. tab切换☆☆☆☆☆

    <!doctype html><html lang="en"><head> <meta charset="UTF-8" ...

  10. Leetcode-33-Search in Rotated Sorted Array (Hard)

    二分查找算法以及旋转之后的数组二分查找算法: #!/usr/local/bin/python3 # -*- coding: utf-8 -*- __author__ = 'author' class ...