如何在 html 表格中显示来自 html 表单的数据 [关闭]

Posted

技术标签:

【中文标题】如何在 html 表格中显示来自 html 表单的数据 [关闭]【英文标题】:How to display data from an html form in an html table [closed] 【发布时间】:2019-12-05 06:06:24 【问题描述】:

如果之前有人问过并回答过这个问题,但我在搜索中找不到它,请原谅我。

如标题所述,我有一个用 html 构建的表单。我需要将用户输入的数据显示在 HTML 表格中。我知道完成此操作的最简单方法可能是使用 SQL 存储然后检索数据并使用 php 将其输出到表本身中。对于我的生活,我无法让它真正发挥作用。谷歌绝对是我的朋友,但实际上我尝试过的任何东西都不起作用。示例会很棒,我非常感谢您的帮助!谢谢!

【问题讨论】:

【参考方案1】:

此链接可以帮助您:https://***.com/a/15251402/4149985

基本上,您需要一个 Web 服务器,无论是在本地还是通过可访问数据库的托管服务提供商。

您的数据库需要有一个包含记录的表。

您需要使用 PHP 连接数据库,检索记录,然后将它们输出为 HTML 表格。

【讨论】:

非常感谢!我已通读该主题并决定使用功能评论建议。不过,我有一个问题,屏幕阅读器需要可以访问该表,因此我需要每列不包含在 sql 数据中的表头。我该怎么做? 嘿,莎拉,没问题!如果您可以将我的问题标记为正确,如果它适合您,那就太好了。关于您的标题,我假设这些是表格行中的实际表格标题?您可以通过首先在<table> 标记之后添加<thead> 在HTML 中创建一个表格行。在<thead> 内,您想通过添加<tr> 来创建一个新行,在<tr> 内您要添加标题:<th>Heading Name</th>。这是一个小提琴,所以你可以看到它的实际效果:jsfiddle.net/mattclarke/hw9j4r0v

以上是关于如何在 html 表格中显示来自 html 表单的数据 [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

如何使整个 HTML 表单“只读”?

如何在单独的 html 页面上显示来自提交表单的计算值? [复制]

姜戈。如何连接下拉列表(来自html)和表单?

HTML表单和javascript---在同一个表格中显示不同的表单

如何使用Javascript表单元素填充html表?

如何在另一个组件中使用来自组件的表单