html中表单与表格的嵌套

最新推荐文章于 2024-04-18 09:39:48 发布
最新推荐文章于 2024-04-18 09:39:48 发布
阅读量1.8w 收藏 67
点赞数 12
分类专栏： 基础 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41475523/article/details/100998199
版权

表格与表单最简单的嵌套

下面是比较简单的一个嵌套展示
在这里插入图片描述
这里解释一下我写的时候比较难懂的一些地方：
1.表单与表格的嵌套必须将表单写在外面，因为表格有嵌套规则，table与tr之间不可以用其他标签。
2.最后的两个提交与重置按钮的写法必须分开写，不可写成input type=“submit” type=“reset”>,这个是我烦的错误，给大家提个醒.
3.其他就是一些合并的地方要分清，不要写错colspan和rowspan，合并之后多余的格子要删除！！
效果图
展示出来的效果图
第一次发博客 源码分享后会被编译 还请谅解 本人也是最近才学的html语言，有错误的地方多多指教
哪个大佬能分享下怎么样写源码才不会被编译啊，雪崩！！！

一个c的小白
关注
  • 12
    点赞
  • 踩
  • 67
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
表格与表单的嵌套关系
mhrmhrmhrm的博客
03-09 2710
表格与表单的嵌套关系 想要用表格与表单做一个注册界面，却对这两个元素的嵌套关系挡住的脚步？到底是表格里面放置表单呢？还是表单里面放置表格呢？ 没关系，小马哥带你答疑解惑！ 1.首先我们可以创建一个空表单，在这个表单里面不用放任何东西 2.然后我们在这个空表单里面放置一个表格元素《table》《/table》;在这个表格里面我们可以放置《tr》和《td》，比如说先设置一个有五行 两列的注册页面可以在table先放置这样一个有五行两列的单元格 // An highlighted block <
HTML 表格
方寸想法，编码宇宙
04-25 1845
文章目录表格简述表格代码框架表格属性1.table属性2.tr属性3.thead/tbody/tfoot属性4.td和th属性单元格合并表格嵌套表格组合表格宽度的变化表格布局 表格简述 表格是一个可自定义的容器，因而它就是我们用以实现页面构设的利器。把表格称作容器缘于表格的装载特性。表格是用于装载数据的， 与我们现实中所看到和理解的表格非常一致。表格不仅仅只能装载数据，它还被广泛地应用于网页的布局...
【HTML】表单和表格配合案例
MY9_19的博客
04-20 1812
表单和表格配合案例 使用表格和表单相互嵌套，将表格实现可填写，效果图如下： Html示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>人员信息</title> <link rel="stylesheet" href="for_table.css"> </head> <body> <div
前端开发攻略---合并表格单元格，表格内嵌套表格实现手风琴效果。
最新发布
nibabaoo的博客
04-18 587
合并表格单元格，表格内嵌套表格实现手风琴效果。
form表单嵌套，用标签的form属性来解决表单嵌套的问题
asdfgh0077的博客
11-07 353
form表单嵌套，用标签的form属性来解决表单嵌套的问题
html table form嵌套
linvar
03-27 2369
[size=medium]有这样的需求: 对的每行单独进行更新,这涉及到form表单 ..... 这种方式不行,因为form只能包含table而不能包含 这也不是太大问题,因为我们是用jquery, 完全有可能不用form 而在...里面使用等表单 暂时的做法就是 下一行..... 通过tr中那个id可以拿到相关行的表单值 $("#1 ...
HTML：表单和表格的嵌套
Thumb_的博客
12-09 1246
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表单</title> </head> <body> <form action="http://api.abc.com/user" method="post" name="test" enctype="UTF-8"&gt
表格表单的嵌套.html
09-18
比较简单的表单与表格的嵌套，只是做一个引导作用，实际意义不大，
Element实现表格嵌套、多个表格共用一个表头的方法
10-15
-- 表格嵌套与共用表头实现 --> !==scope.row.ext.default?'tab-thead-style':''" style="box-sizing: border-box;border-top:none;"> 运送到':''" prop="area"> 首重':''" prop="weight"> 运费':''" prop=...
举例详解HTML5中使用JSON格式提交表单
09-28
HTML5引入了以JSON格式提交表单数据的功能，这极大地改善了传统HTML表单数据的传输方式。在传统的HTTP表单提交中，数据是以键值对（key-value）的形式发送，这种方式对于数据组织和管理不够灵活。JSON（JavaScript ...
网站开发之HTML基础表格Table和表单Form（三）1
08-03
在实际的网页布局中，有时会使用嵌套表格来实现复杂的设计，但这种方法可能导致代码结构复杂，不易维护。现代网页设计更倾向于使用CSS布局技术，如Flexbox和Grid，以提高可读性和响应性。 总的来说，HTML表格和表单...
HTML表格标记教程(3):宽度和高度属性WIDTH、HEIGHT
12-01
如果是嵌套表格，则百分比相对的是嵌套表格所在的单元格宽度。 文件范例：10-3.htm 设定表格的宽度和高度。01 <!– —————————— –>02 <!– 文件范例：10-3.htm –>03 <!– 文件说明：设定表格的...
表单提交中记得form表单放到table外面
weixin_30908707的博客
03-05 400
表单提交中记得form表单放到table外面 很多人在form表单提交数据的时候，总是失败，很可能是用了table表格，若想成功提交数据，记得把form放到table表单外面！ <form method="post" action=""> <table> ........ </table> ...
HTML中表格与表单的使用
SE_FUE_的博客
02-09 860
•table标签：表格整体上下合并→只保留最上的，删除其他•左右合并→只保留最左的，删除其他。•th标签：表示一列小标题，通常用于表格第一行，默认内部文字加粗并居中显示（替换掉td）②：1.直接使用label标签把内容（如：文本）和表单标签一起包裹起来。•caption标签：表格整体大标签，默认在表格整体顶部居中位置显示。（表格结构标签写在table标签内部，表格标签内部用于包裹tr标签）①：1.使用label标签把内容（如：文本）包裹起来。•select标签：下拉菜单的整体。
html中用自定义嵌套写,HTML怎么嵌套
weixin_42314399的博客
07-02 488
回答：方法/步骤认识条件函数IF中各参数含义：函数包含三个参数，第1个参数是判定的条件，第2个参数是如果判定条件为真，返回的值；第3个参数是如果判断条件为假，返回的值。原始题目，求出等级认定：平均分大于90分为优秀；平均分大于70分为良好；平均分大于60分为合格；平均分小于60为不合格。插入if函数：将光标定位于第1个同学的“等级”单元格(G3)，单击编辑栏上的fx按钮，弹出“插入函数”对话框，在...
一个页面两个html,在一个HTML页面中有两个表单
weixin_35786759的博客
06-03 869
我想有一个页面为双方的注册和登录。 然而，我无法处理这两个表格。 这是我的密码。 我在想，是否可以给这些表格起个名字，或者用另一种方式处理它？Forms.pyfrom django.contrib.auth import get_user_modelfrom django.contrib.auth.forms import UserCreationFormclass UserCreateForm(...
超简单table表格和form表单的嵌套
烟火火的博客
03-11 2667
form表单练习 注册页面 用户名： 密码： 性别： 男 女 爱好： K歌 跳舞 蹦极 上传文件： ...
Form表单的嵌套问题
热门推荐
cosmos_lee
02-18 2万+
最近在项目中碰到了form中还需要另设form表单的问题，查了下，简单记录在这里。 参考：https://www.cnblogs.com/jpfss/p/9468293.html 1. 先看一个正确的写法： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;...
html表单和表格的嵌套ui
09-07
HTML表单和表格可以通过嵌套来创建复杂的UI界面。以下是一些示例： 1. 嵌套表单和表格 ``` <form> <table> <tr> <td>Name:</td> <td><input type="text" name="name"></td> </tr> <tr> <td>Email:</td> <td><input type="email" name="email"></td> </tr> <tr> <td>Password:</td> <td><input type="password" name="password"></td> </tr> <tr> <td colspan="2"> <input type="submit" value="Submit"> </td> </tr> </table> </form> ``` 2. 嵌套表格和表单 ``` <table> <tr> <th>Name</th> <th>Email</th> <th>Phone</th> </tr> <tr> <td>John Doe</td> <td>john@example.com</td> <td> <form> <input type="tel" name="phone"> <input type="submit" value="Submit"> </form> </td> </tr> <tr> <td>Jane Doe</td> <td>jane@example.com</td> <td> <form> <input type="tel" name="phone"> <input type="submit" value="Submit"> </form> </td> </tr> </table> ``` 这些示例演示了如何将表单和表格嵌套在一起来创建复杂的UI界面。需要注意的是，嵌套表单和表格有时会导致代码变得难以维护和理解，因此需要谨慎使用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值