html表格表单标签的结合

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

<td height="300">

     输入用户名<input  type="text" name="1" 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="50" rows="20"> </textarea>
    <input type="submit" value="提交" />
    <input type="button" value="登陆" />
    <input type="reset" value="重置" />

    </td>

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

<body bgcolor="#CC0000">
<a name="222"></a>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="50">
    <h1><center>诗集</center></h1>

    </td>
  </tr>
  <tr>
    <td height="300">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="300">
        <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="300">

     输入用户名<input  type="text" name="1" 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="50" rows="20"> </textarea>
    <input type="submit" value="提交" />
    <input type="button" value="登陆" />
    <input type="reset" value="重置" />

    </td>

  </tr>
  <tr>
    <td height="50"><a href="2.html"><img src="新建文件夹/QQ图片20170603113534.jpg"/></a></td>
  </tr>
</table>
<a href="#222">回到顶部</a>
</body>

时间: 2024-12-29 22:02:07

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

表格标签,图片标签,框架标签,表单标签

一)表格标签 <table>标签 表格里面需要设置单元格的行,在行内设置单元格代表该行的列. 通过改变table的属性还有单元格的属性可以设置单元格的跨度,字体,对齐方式等. 示例: <table align="center" border="1px" width="400pt" height="300pt"> <tr> <th colspan="3">学习成

HTML table、form表单标签的介绍

本篇主要介绍 table.form标签以及表单提交方式. 目录 1. <table> 标签:在HTML 中定义表格布局. 2. <form> 标签:用于创建 HTML 表单. 3. 表单提交方式:介绍get.post方法. 1. <table> 标签 1.1 说明 在HTML 中定义表格布局. 1.2格式 <table> <caption></caption> <tr> <th></th></

表格 表单总结

HTML表格table <table>标签表示这是一个表格,构成元素有<tr>.<td>.<th> HTML表单 **form** <form>标签表示这是一个表单,它的属性有action. method,action表示提交到的地址, method表示提交的方式,有post和get **input** <input>标签表示输入控件,它的属性有type,type的有: text 表示文本框 radio 表示单选框 checkbox

【2】HTML表格表单

单元格中数据的对齐方式 Align = left Align = center Align = right Valign = top Valign = middle Valign = bottom 合并单元格 水平合并在 或 标记中使用 COLSPAN 属性,可以设置单元格所跨的列数,例如COLSPAN=3表示跨3列. 垂直合并在 或 标记中使用 ROWSPAN 属性,可以设置单元格所跨的行数,例如ROWSPAN=3表示跨3行. 表格总结 表格的基本结构 表格标记table的属性 border/

Struts2中UI标签之表单标签介绍

1.在Struts2中UI标签的表单标签分为两种:form标签本身和单个表单标签. 2.Struts2表单标签包括:form.textfield.password.radio.checkbox.checkboxlist.select.doubleselect.combobox.optiontransferselect.optgroup.updownselect.textarea.hidden.file.label.submit.token.head.datepicker.reset.richte

表格表单及样式重置、特性

1.表格 用table标签,标签 table的标签基本特性是 display:table; <thead> 表格头部 <tbody> 表格主体 <tfoot> 表格尾部 <tr>行 <th>表格标题 <td>单元格 一般只用<tbody> colspan 属性规定单元格可横跨的列数 只能放在th,td标签中<th colspan='2'> rowspan 属性规定单元格可横跨的行数 只能放在td标签中<t

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

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

Struts2中UI标签之表单标签的一个例子

1.最近写了一篇文章,介绍了一下Struts2中UI标签的表单标签,文章地址为:http://blog.csdn.net/u012561176/article/details/44986183  因为缺少了个例子,大家看文字和表格也看不出什么效果来,所以今天来介绍一个例子,用Struts2中UI标签的表单标签实现一个个人信息的表单,但是有些表单标签没有演示出来,大家可以根据我介绍UI标签的表单标签来进行学习,这里只是给个例子. 2.首先新建一个Struts2项目,项目名为PersonMess

HTML表格表单综合——用户注册表

今天学习了表格和表单知识,我综合了他们添加了一些拓展知识做了一个用户注册表,以下面代码来整理表格和表单知识: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&quo