<!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. Oracle实现主键自增长

    -- 主键设置:xx_id number(24) primary key 1 create sequence XX_seq --序列名称 increment by 1 -- 每次加几个 start - ...

  2. 如何利用.Net内置类，解析未知复杂Json对象

    如何利用.Net内置类,解析未知复杂Json对象 如果你乐意,当然可以使用强大的第三方类库Json.Net中的JObject类解析复杂Json字串 . 我不太希望引入第三方类库,所以在.Net内置类J ...

  3. 菜单工具栏wxPython菜单与工具栏基础示例

    这两天一直在学习菜单工具栏之类的问题,上午正好有机会和大家讨论一下. 1.基本的api介绍 Package wx :: Class Menu Type Menu Method Summary Menu ...

  4. cpu组相连映射

    组相联映射方式 组相联映射方式 是全相联映射方式和直接相联映射方式的结合,结合两者的优点 · 方法:把Cache分为若干组,每组含有若干行. 组间直接映射,组内全相联映射. (图7) · 映射过程:( ...

  5. WebAPI的压缩

    看见老外写了一篇ASP.NET Web API GZip compression ActionFilter with 8 lines of code 说实话被这标题吸引了,8行代码实现GZip压缩过滤 ...

  6. html5 PACS漫谈

    2012年html5标准制定之后,其中canvas标签给程序猿提供了图像绘制的接口. 在医疗领域从事PACS开发的我发现BS结构的PACS系统开发有了新可能,不再需要客户端安装flash.active ...

  7. OpenGL ES 响应屏幕旋转 iOS

    iOS下使用OpenGL 如果使用GLKit View 那么不用担心屏幕旋转的问题,说明如下: If you change the size, scale factor, or drawable pr ...

  8. Flexible 弹性盒子模型之CSS align-items 属性

    实例 居中对齐弹性盒的各项 <div> 元素: div { display: flex; align-items:center; } 复制 效果预览 浏览器支持 表格中的数字表示支持该属性 ...

  9. （一）Harbor安装 -- 企业级Registry仓库

    根据Harbor官方描述: Harbor是一个用于存储和分发Docker镜像的企业级Registry服务器,通过添加一些企业必需的功能特性,例如安全.标识和管理等,扩展了开源Docker Distri ...

  10. Pos终端中的主密钥、工作密钥、pin密钥、mac密钥

    下面介绍一下加密机中最主要的几种密钥: 1.加密机主密钥(MK) 加密机主密钥(Master Key - MK)是存入在HSM机内的由三个成分合成的一对最上层密钥.在HSM机器以外的地方不会以明文形式 ...