今天我尝试将表格表单基本标签结合起来放在网页中，发现再没用表单元素中<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. 细谈UITabBarController

    1.简述 UITabBarController和UINavigationController类似,UITabBarController也可以轻松地管理多个控制器,轻松完成控制器之间的切换,UITabB ...

  2. Java数据类型及运算

    (一),Java基本类型及运算 注释:可以用于生成API: 命令如:javadoc -d apidoc windowtitle hhh -doctitle aaa  -header bbbb -ver ...

  3. 《Vue2.0 实践揭秘》终于出版啦！

    不知不觉间在园子开博都两年多了,最近一些园友问最近去哪了为何都没有新的文章了.最近确实发生了很多的事,一是忙工作二就是忙着写书.这还得多些园子的小编,自两年前发表的"架构师修炼"系 ...

  4. 开发Angular库的简单指导（译）

    1. 最近工作上用到Angular,需要查阅一些英文资料,虽然英文非常烂,但是种种原因又不得不硬着头皮上,只是每次看英文都很费力,因此决定将一些比较重要的特别是需要反复阅读的资料翻译一下,以节约再次阅 ...

  5. 通过 U 盘启动重装 macOS 系统

    重装系统是工作和生活中经常需要做的事情,作为一名开发人员,学会该技能你才是一名合格的程序猿!以后再也不会遇到"程旭元你会装系统吗?"的尴尬了!本文主要介绍怎样通过U盘启动重新安装 ...

  6. 推荐免费的svn空间

    可能大部分人跟我一样办公和其他环境的代码同步选择用github,但github免费用户的代码是公开的.如果想做商业项目,用免费的github账号就不合适了,这里推荐的免费svn是个不错的选择. 1.h ...

  7. 谈谈一些有趣的CSS题目（十五）-- 奇妙的 background-clip: text

    开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题 ...

  8. javascript中的==与===

    一.主要区别: 1.通俗的来说,==是值的比较,而===不仅仅比较值,还比较引用的是否是同一个对象. 2.用==来比较的时候,如果两个数的操作数的类型不一样,会先转换.而===的操作数则不会进行任何转 ...

  9. poj3264线段数求最大最小值

    链接:https://vjudge.net/contest/66989#problem/G 完完全全的水题,还是被坑了,一个return忘了写,de了半天bug!! #include<iostr ...

  10. linux上安装tcl

    1. 首先下载安装包,推荐下载activetcl(对tcl源码进行了预编译,安装步骤简单).打开网址http://activestate.com找到activetcl的社区版(社区版是免费的,找到li ...