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

    Lambda 是啥玩意 简单来说,Lambda 就是一个匿名的方法,就这样,没啥特别的.它采用一种非常简洁的方式来定义方法.当你想传递可复用的方法片段时,匿名方法非常有用.例如,将一个方法传递给另外一 ...

  2. CF 690C3. Brain Network (hard) from Helvetic Coding Contest 2016 online mirror (teams, unrated)

    题目描述 Brain Network (hard) 这个问题就是给出一个不断加边的树,保证每一次加边之后都只有一个连通块(每一次连的点都是之前出现过的),问每一次加边之后树的直径. 算法 每一次增加一 ...

  3. CF Educational Codeforces Round 10 D. Nested Segments 离散化+树状数组

    题目链接:http://codeforces.com/problemset/problem/652/D 大意:给若干个线段,保证线段端点不重合,问每个线段内部包含了多少个线段. 方法是对所有线段的端点 ...

  4. 内存管理之slab分配器

    基本思想 与传统的内存管理模式相比, slab 缓存分配器提供了很多优点.首先,内核通常依赖于对小对象的分配,它们会在系统生命周期内进行无数次分配.slab 缓存分配器通过对类似大小的对象进行缓存而提 ...

  5. 【算法系列学习】[kuangbin带你飞]专题十二 基础DP1 G - 免费馅饼

    https://vjudge.net/contest/68966#problem/G 正解一: http://www.clanfei.com/2012/04/646.html #include< ...

  6. LESS的一点自己的理解（2）

    上次写的一点居然忘了保存了,虽然说编辑器有自动保存的功能,但是昨天写的依然找不到了,/(ㄒoㄒ)/~~那好吧,重新开始写. 1.上篇写到了Mixins(混入),如果你仔细看了上面的例子,你就会发现其实 ...

  7. How to image a CD/DVD ROM and generate hash value

    Someone ask me how to image a CD/DVD ROM and generate hash value in the same time. A small tool call ...

  8. JAVA中断机制详解

    Java提供了中断机制,可以使用它来结束一个线程.这种机制要求线程检查它是否被中断了,然后决定是不是响应这个中断请求.线程允许忽略中断请求并继续执行.Java的中断是一种协作机制.也就是说调用线程对象 ...

  9. web基础之会话技术

    一.会话技术之Cookie Cookie技术是将数据存储到客户端 1．怎样去向客户端写出一个cookie 1)创建Cookie对象 Cookie cookie = new Cookie(name,va ...

  10. 通过网络得到html，并解析出其中网址(JAVA程序)

    网络版程序: import java.io.BufferedReader; import java.io.InputStream; import java.io.InputStreamReader; ...