今天我尝试将表格表单基本标签结合起来放在网页中，发现再没用表单元素中<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. 前端随手优化不完全篇-SEO篇

    一代码优化概述 关于代码优化的知识是纯理论的知识,学习的很枯燥.在学到CSS时,不免遇到CSS+div进行代码优化的知 识,因此在网上看了一些关于这方面的知识,简单的整合一下,梳理自己所了解的代码优化 ...

  2. Eclipse 安装反编译插件

    前言:在实际的开发中几乎都会使用到一些框架来辅助项目的开发工作,对于一些框架的代码我们总怀有一些好奇之心,想一探究竟,有源码当然更好了,对于有些JAR包中的代码我们就需要利用反编译工具来看一下了,下面 ...

  3. java复习(5)---接口、继承、多态

    Java作为完全面向对象语言,接口.继承和多态是三个非常重要的概念. 1.继承. (1)关键字: extends (2)子类用super()调用父类构造函数,用super().方法 调用父类的成员方法 ...

  4. 业务订单号生成算法，每秒50W左右，不同机器保证不重复，包含日期可读性好

    参考snowflace算法,基本思路: 序列12位(更格式化的输出后,性能损耗导致每毫秒生成不了这么多,所以可以考虑减少这里的位,不过留着也并无影响) 机器位10位 毫秒为左移 22位 上述几个做或运 ...

  5. 根据GPS经纬度判断当前所属的市区

    这个事情分两步走 1. 拿到行政区划的地理围栏数据 2. 根据GPS定位判断一个点是否落在地理围栏的多边形区域里. 1. 获取行政区划的地理围栏数据可以利用百度API.打开以前我的一个例子在chrom ...

  6. 统计学习方法：核函数（Kernel function）

    作者:桂. 时间:2017-04-26  12:17:42 链接:http://www.cnblogs.com/xingshansi/p/6767980.html 前言 之前分析的感知机.主成分分析( ...

  7. Cocos2d-x 3.2 环境搭建

    参考文章地址: 1.Cocos2d-x官方安装说明文档:http://cn.cocos2d-x.org/tutorial/show?id=781 2.CSDN博客:http://blog.csdn.n ...

  8. 在SCIKIT中做PCA 逆运算 -- 新旧特征转换

    PCA(Principal Component Analysis)是一种常用的数据分析方法.PCA通过线性变换将原始数据变换为一组各维度线性无关的表示,可用于提取数据的主要特征分量,常用于高维数据的降 ...

  9. SOM网络聚类完整示例（利用python和java）

    下面是几个城市的GDP等信息,根据这些信息,写一个SOM网络,使之对下面城市进行聚类.并且,将结果画在一个二维平面上. //表1中,X.为人均GDP(元):X2为工业总产值(亿元):X.为社会消费品零 ...

  10. [笔记]ACM笔记 - 利用FFT求卷积（求多项式乘法）

    卷积 给定向量:, 向量和: 数量积(内积.点积): 卷积:,其中 例如: 卷积的最典型的应用就是多项式乘法(多项式乘法就是求卷积).以下就用多项式乘法来描述.举例卷积与DFT. 关于多项式 对于多项 ...