今天我尝试将表格表单基本标签结合起来放在网页中，发现再没用表单元素中<form></form>时各类标签功能都可显示，只是不能提交网页，所有与提交网页的标签都不能使用提交功能，而且按钮类的功能都不能实现，其他的可以使用

<td height="">

     输入用户名<input  type="text" name="" value=""/><br />

     输入密码<input  type="password" name="mm" value=""/><br />

     所在地<select>

     <option>淄博</option>

     <option>济南</option>

     <option>青岛</option>

     <option>烟台</option>

     </select> <br />

    选择你喜欢的诗人<br />

    <input type="checkbox" name="ck[]" value="李清照" />李清照

    <input type="checkbox" name="ck[]" value="陆游" />陆游

    <input type="checkbox" name="ck[]" value="杜甫" />杜甫

    <input type="checkbox" name="ck[]" value="纳兰性德" />纳兰性德<br />

    <textarea cols="" rows=""> </textarea>

    <input type="submit" value="提交" />

    <input type="button" value="登陆" />

    <input type="reset" value="重置" />

    </td>

将表格用于网页底部的规划，使用各个标签的使用，发现自己对于body的属性忽略了，在想增加背景颜色时竟然想不到怎样添加了。还有就是对于表单元素的按钮的使用不熟练。

<body bgcolor="#CC0000">

<a name=""></a>

<table width="100%" border="" cellspacing="" cellpadding="">

  <tr>

    <td height="">

    <h1><center>诗集</center></h1>

    </td>

  </tr>

  <tr>

    <td height="">

    <table width="100%" border="" cellspacing="" cellpadding="">

      <tr>

        <td height="">

        <h1>木兰词·拟古决绝词柬友</h1>

<font color="#003366" size="+1">人生若只如初见，何事秋风悲画扇。<br />

等闲变却故人心，却道故人心易变。<br />

骊山语罢清宵半，泪雨霖铃终不怨。<br />

何如薄幸锦衣郎，比翼连枝当日愿。<br /></font></td>

        <td><h1><center>临江仙·寒柳</center></h1>

        <font color="#003366" size="+1">飞絮飞花何处是，层冰积雪摧残，疏疏一树五更寒。<br />爱他明月好，憔悴也相关。<br />

最是繁丝摇落后，转教人忆春山。<br />湔裙梦断续应难。西风多少恨，吹不散眉弯。<br /></font></td>

        <td><h1>山花子·风絮飘残已化萍</h1>

       <font color="#003366" size="+1"> 风絮飘残已化萍，泥莲刚倩藕丝萦。<br />珍重别拈香一瓣，记前生。<br />

人到情多情转薄，而今真个不多情。<br />又到断肠回首处，泪偷零。<br /></font>

</td>

      </tr>

    </table></td>

  </tr>

  <tr>

    <td height="">

   <form action="2.html" target="_blank" method="post">

     输入用户名<input  type="text" name="" value=""/><br />

     输入密码<input  type="password" name="mm" value=""/><br />

     所在地<select>

     <option>淄博</option>

     <option>济南</option>

     <option>青岛</option>

     <option>烟台</option>

     </select> <br />

    选择你喜欢的诗人<br />

    <input type="checkbox" name="ck[]" value="李清照" />李清照

    <input type="checkbox" name="ck[]" value="陆游" />陆游

    <input type="checkbox" name="ck[]" value="杜甫" />杜甫

    <input type="checkbox" name="ck[]" value="纳兰性德" />纳兰性德<br />

    <textarea cols="" rows=""> </textarea>

    <input type="submit" value="提交" />

    <input type="button" value="登陆" />

    <input type="reset" value="重置" />

    </form>

    </td>

  </tr>

  <tr>

    <td height=""><a href="2.html"><img src="新建文件夹/QQ图片20170603113534.jpg"/></a></td>

  </tr>

</table>

<a href="#222">回到顶部</a>

</body>

。

html表格表单标签的结合的更多相关文章

  1. 22----2013.06.29---HTML--html介绍.超链接和图片,表格,表单,表单标签,meta,复习当天内容

    01 HTML HTML :Hypertext Markup Language   超文本标记语言(类似于 裸奔的人.) 作用:向用户展示信息. CSS: Cascading 层叠样式表(类似于 人的 ...

  2. python全栈开发 * 表格标签 表单标签 css 引入方式 * 180807

    html部分 一.表格标签<table> 1.一个表格<table>由每行<tr>组成的,每行是由<td>组成的. 注意: 一个表格是由行组成的(行是由 ...

  3. Unit 2.前端之html--table(表格),form(表单)标签

    一.table标签 作用:定义html表格.一个table标签元素至少包含 thead(表头),tbody(表主题),还可以有tfoot(表底部) html表格游table元素及一个或者多个tr,th ...

  4. python 全栈开发，Day46(列表标签,表格标签,表单标签,css的引入方式,css选择器)

    一.列表标签 列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:lis ...

  5. 前端基础-html 列表标签,表格标签,表单标签

    一.列表标签 1.ul(无序列表)标签 ul(unordered list)无序列表,ul下的子元素只能是li(list item),如下示例: <ul> <li>第一项< ...

  6. 【HTML】--- 列表、表格、form表单标签

    Html常用标签(2) 上篇博客讲了些常用的html标签 :[HTML]---常用标签(1) 这里主要讲 列表.表格标签和 form表单标签. 一.列表.表格标签 1.列表标签 概念 把内容以列表的形 ...

  7. Day46（列表标签，表格标签，表单标签，css的引入方式，css选择器）

    一.列表标签 列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:lis ...

  8. HTML的表格标签，列表标签，表单标签，HTML5有哪些新特性

    欢迎大家去博客冰山一树Sankey,浏览效果更好.直接右上角搜索该标题即可 博客园主页:博客园主页-冰山一树Sankey CSDN主页:CSDN主页-冰山一树Sankey 前端学习:学习地址:黑马程序 ...

  9. Bootstrap框架(基础篇)之列表,表格,表单

    继续上篇的基础部分延伸,主要说一下列表,表格,表单相关Bootstrap框架变化以及基础知识. 1.列表篇 除了HTML提供的三种基本列表样式: 无序列表 <ul> <li>… ...

随机推荐

  1. Android中调用文件管理器并返回选中文件的路径

    实际项目中经常需要调用文件管理器,选择下载路径或者上传的本地文件路径.今天就给大家做个demo示范该功能的实现过程. 一.实现效果预览 以下为三星S6的样机测试效果,当然不同手机调用后的效果不一样. ...

  2. 懵懂oracle之存储过程

    作为一个oracle界和厨师界的生手,笔者想给大家分享讨论下存储过程的知识,因为在我接触的通信行业中,存储过程的使用还是占据了一小块的地位. 存储过程是什么?不得不拿下百度词条的解释来:"存 ...

  3. C#是否该支持“try/catch/else”语法

    以前用过一段时间Python,里面有个try/catch/else语法,我觉得挺好用,这个语法形如下: try: print('try...') r = 10 / int('2') print('re ...

  4. Measuring & Optimizing I/O Performance

    By Ilya Grigorik on June 23, 2009 Measuring and optimizing IO performance is somewhat of a black art ...

  5. #include<> 和#include“”的区别

    1.< >引用的是编译器的类库路径里面的头文件2."    "引用的是程序目录的相对路径中的头文件,在程序目录的相对路径中找不到该头文件时会继续在类库路径里搜寻该头文件 ...

  6. 蓝桥杯-格子中输出-java

    /* (程序头部注释开始) * 程序的版权和版本声明部分 * Copyright (c) 2016, 广州科技贸易职业学院信息工程系学生 * All rights reserved. * 文件名称: ...

  7. 手把手教做单点登录（SSO）系列之一：概述与示例

    本系列将由浅入深的结合示例.源码以及演示视频,手把手的带大家深入最新的单点登录SSO方案选型与架构开发实战.文末附5个满足不同单点登录场景的gif动画演示(如果看不清请在图片上右键用新窗口打开),本系 ...

  8. HDU 2080 夹角有多大II (数学) atan(y/x)分类求角度

    夹角有多大II Problem Description 这次xhd面临的问题是这样的:在一个平面内有两个点,求两个点分别和原点的连线的夹角的大小.注:夹角的范围[0,180],两个点不会在圆心出现. ...

  9. luogu P1015 回文数

    题目描述: 若一个数(首位不为零)从左向右读与从右向左读都一样,我们就将其称之为回文数. 例如:给定一个10进制数56,将56加65(即把56从右向左读),得到121是一个回文数. 又如:对于10进制 ...

  10. OC 中 @synthesize 关键字介绍和使用

    @synthesize用法 )@property int age; @synthesize age; 表示生成.h中变量 age的 get和 set方法 注意: 如果@synthesize 变量名要先 ...