今天我尝试将表格表单基本标签结合起来放在网页中，发现再没用表单元素中<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. 解决CentOS虚拟机克隆后无法上网（网卡信息不一致）的问题

    一.问题描述 虚拟机克隆后,由于网卡信息不一致的问题,导致不能上网或者执行"sercice network restart"命令失败 [root@lyy 桌面]# ifconfig ...

  2. 频繁模式挖掘中Apriori、FP-Growth和Eclat算法的实现和对比

    最近上数据挖掘的课程,其中学习到了频繁模式挖掘这一章,这章介绍了三种算法,Apriori.FP-Growth和Eclat算法:由于对于不同的数据来说,这三种算法的表现不同,所以我们本次就对这三种算法在 ...

  3. PHP array_filter() 函数

    定义和用法 array_filter() 函数用回调函数过滤数组中的元素,如果自定义过滤函数返回 true,则被操作的数组的当前值就会被包含在返回的结果数组中, 并将结果组成一个新的数组.如果原数组是 ...

  4. HashSet实现原理

    /* HashSet的实现原理: 往HashSet添加元素的时候,HashSet会先调用元素的hashCode方法得到元素的哈希值 , 然后通过元素 的哈希值经过移位等运算,就可以算出该元素在哈希表中 ...

  5. WebView加载页面的两种方式——网络页面和本地页面

    WebView加载页面的两种方式 一.加载网络页面 加载网络页面,是最简单的一种方式,只需要传入http的URL就可以,实现WebView加载网络页面 代码如下图: 二.加载本地页面 1.加载asse ...

  6. react native 升级到0.31.0的相关问题 mac xcode开发环境

    cmd + D和cmd + R快捷键没有反应 0.31.0版本换了一种加载方式,通过修改userDefaults达到debug目的 [userDefaults setObject:@"127 ...

  7. JS对select动态添加option操作 （三级联动） （搜索拼接）

    以下纯属自我理解之下再东搜西查的内容~ JS对select动态添加option操作有个高大上的艺名叫多级联动:第一级改变时,第二级跟着变,第二级改变时,第三级跟着变... 本菜鸟是在工作中遇到做收货地 ...

  8. Python实现RNN

    一般的前馈神经网络中, 输出的结果只与当前输入有关与历史状态无关, 而递归神经网络(Recurrent Neural Network, RNN)神经元的历史输出参与下一次预测. 本文中我们将尝试使用R ...

  9. MVC两种获取上传的文件数据变量的方式

    第一种方式,在控制器中利用HttpPostedFileBase参数对象获取. [HttpPost] public ActionResult SaveFile(HttpPostedFileBase up ...

  10. 学习笔记：javascript 窗口对象（window）

    1.窗口对象属性 属性 描述 closed 返回窗口是否已被关闭. defaultStatus 设置或返回窗口状态栏中的默认文本. document 对 Document 对象的只读引用.请参阅 Do ...