【问题标题】:how to make tables clickable html如何使表格可点击html
【发布时间】:2016-12-07 16:37:26
【问题描述】:

我有这张带按钮的桌子:

        <tr>
            <td><button type="text" name = "class_name" value=<?=$class["class_name"]?>><?=$class["class_name"]?></button></th>
            <td><?=$class["class_id"] ?></th>
        </tr>

     <?php endforeach ?>

我正在将选定的学校班级(按钮)传递给另一个文件以更新数据库。但是桌子和按钮看起来真的很糟糕。

我认为如果整个表格都是可点击的,它看起来会更好,并且可能在里面给它一些浅色然后添加背景图像会使页面可以接受。

有什么帮助吗?

PS:我已经看到用 JavaScript 完成了这个,但我不太了解它,我正在尝试用 html 和 css 来保持这个简单。

提前致谢!

编辑:

澄清:我的问题是;如何让我的按钮看起来更漂亮,同时还能将其用作 POST 表单?

【问题讨论】:

  • 用表格的html输出创建一个sn-p,我们不能运行你的php代码
  • 不清楚你在问什么。您要求我们为您的表格创建一个漂亮的按钮?

标签: html css button html-table


【解决方案1】:

转到button.cm,它将创建所需的 html 和 VML,以便在 HTML/CSS 中为您提供完全可点击的按钮,而不仅仅是图像。

<table width="100%" border="0" cellpadding="0" cellspacing="20">
  <tr>
    <td align="center" valign="middle" width="33%" style="background-color:#6483c1; border:1px solid #44619a; border-radius:2px;">
      <a href="http:class_name.html" target="_blank" style="padding:20px 10px;display:block;color:#FFFFFF; text-decoration:none;"><font size="3" face="Arial, Helvetica, sans-serif" color="#ffffff"><b>class_name</b></font></a>
    </td>
  </tr>
</table>

【讨论】:

  • 谢谢,虽然这确实创建了一个漂亮的表格,但我很难将它用作 php 的表单帖子。
  • 你能创建一个小提琴,这样我可以看看你的错误。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-08-01
  • 1970-01-01
  • 2019-01-09
  • 1970-01-01
  • 2012-02-23
  • 2011-03-30
相关资源
最近更新 更多