修复表格下方将显示或隐藏的按钮

发布于 2024-12-11 00:10:38 字数 861 浏览 0 评论 0原文

我的表单中有按钮，上面有表格，我将它们设置为阻止和不阻止（Javascript）当我单击链接时，相关表格将显示内容我的问题是，通过单击链接，按钮的位置将发生变化，我希望修复它们，我该怎么办？（我在一个页面中有 2 个表单标签，此表单是第二个）提前致谢

<form name="ruleSaveSettingForm" method="POST" onsubmit="return applySave();">
<input type="hidden" name="rule_id">
<input type="hidden" name="rule_value">
<input type="hidden" name="openerhref">
<table align="right" border="0" cellpadding="0">
<tr>
<td class="tdaction"> <input type="submit" id="Save" value="Save" class="but"></td>
<td class="tdaction"> <input type="button" id="Reset" value="Reset" class="but" onclick="resetForm();return false;"></td>
<td class="tdaction"> <input type="button" id="Close" value="Close" class="but" onclick="window.close();"></td>
</tr>
</table>
</form>

原文

I have buttons in my form and above it I have tables that I will set them to block and not blocking(Javascript)
when I click the link the relative table will show the content my problem is that by clicking the links the position of buttons will change I want them to be fixed what should I do?
(I have 2 form tags in a page this form is second one)
Thanks in Advance

<form name="ruleSaveSettingForm" method="POST" onsubmit="return applySave();">
<input type="hidden" name="rule_id">
<input type="hidden" name="rule_value">
<input type="hidden" name="openerhref">
<table align="right" border="0" cellpadding="0">
<tr>
<td class="tdaction"> <input type="submit" id="Save" value="Save" class="but"></td>
<td class="tdaction"> <input type="button" id="Reset" value="Reset" class="but" onclick="resetForm();return false;"></td>
<td class="tdaction"> <input type="button" id="Close" value="Close" class="but" onclick="window.close();"></td>
</tr>
</table>
</form>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

碍人泪离人颜 2024-12-18 00:10:38

如果需要的话，最好将按钮移出表格。
放在里面。
将表格移至 div 并为其指定样式
property

min-height:50px;

这将保持 div 的高度为 50 px，即使使用 java 脚本隐藏表格。

希望这能解决你的问题

Its better to move the buttons out of the out of the table , if its
placed inside it.
Move your table to a div and give it the style
property

min-height:50px;

This will remain the height of the div to 50 px even if the table is made hidden using java script.

Hope this will solve ur problem

回复收藏 0 原文

去了角落 2024-12-18 00:10:38

<div style='min-height:150px;' id='yourID'>
    <table border='1'>
        <tr>
            <td>data1</td>
            <td>data1</td>
        <tr>
        <tr>
            <td>data1</td>
            <td>data1</td>
        <tr>
        <tr>
            <td>data1</td>
            <td>data1</td>
        <tr>
    </table>
</div>
<div>
    <table>
        <tr>
            <td>button1</td>
            <td>button2</td>
            <td>button3</td>
        <tr>
    </table>
</div>

在上面的示例中，您需要将按钮放置在新的 div 中。您可以随意使用 div 或 table。

<div style='min-height:150px;' id='yourID'>
    <table border='1'>
        <tr>
            <td>data1</td>
            <td>data1</td>
        <tr>
        <tr>
            <td>data1</td>
            <td>data1</td>
        <tr>
        <tr>
            <td>data1</td>
            <td>data1</td>
        <tr>
    </table>
</div>
<div>
    <table>
        <tr>
            <td>button1</td>
            <td>button2</td>
            <td>button3</td>
        <tr>
    </table>
</div>

In the above sample , you need to place the buttons in anew div.You are free to use div or table.

回复收藏 0 原文

~没有更多了~