Question

我正在学习php并且想要为我拥有的按钮设置显示文本。我知道你可以使用javascript来更改按钮文本，但是（至少从我所看到的）适用于.onclick我希望在页面加载时更改按钮文本。默认情况下，当我的页面加载时，我的页面上的按钮文本在加载时显示Submit Query我想要文本读取Button on Page

有没有办法使用PHP来1）设置按钮文本和2）它在表中跨越2行？

这是我正在使用的代码：

<html>
<body>
    <form id="TestForm" runat="server">
    <div>
        <div id="calculationfields">
            <table id="calculations">
            <tr>
                <td><label for="lblreadonly1:">Read Only 1:</label></td>
                <td><input  type="text" name="txtReadOnly1" maxlength="50" size="10" readonly></td>
            </tr>
            <tr>
                <td><label for="lblreadonly2:">Read Only 2:</label></td>
                <td><input  type="text" name="txtReadOnly2" maxlength="50" size="10" readonly></td>
            </tr>
            <tr>
                <td><label for="lblreadonly3:">Read Only 3:</label></td>
                <td><input  type="text" name="txtreadonly3" maxlength="50" size="10" readonly></td>             
            </tr>
            <tr>
                <td rowspan="2"><input type="submit" name="btn123" text="Button On Page"></td>  
            </tr>
            </table>
        </div>
    </div>      
    </form>
</body>
</html>

Answer 1

您应该使用值而不是文本作为提交按钮

<body>
        <form id="TestForm" runat="server">
        <div>
            <div id="calculationfields">
                <table id="calculations">
                <tr>
                    <td><label for="lblreadonly1:">Read Only 1:</label></td>
                    <td><input  type="text" name="txtReadOnly1" maxlength="50" size="10" readonly></td>
                </tr>
                <tr>
                    <td><label for="lblreadonly2:">Read Only 2:</label></td>
                    <td><input  type="text" name="txtReadOnly2" maxlength="50" size="10" readonly></td>
                </tr>
                <tr>
                    <td><label for="lblreadonly3:">Read Only 3:</label></td>
                    <td><input  type="text" name="txtreadonly3" maxlength="50" size="10" readonly></td>             
                </tr>
                <tr>
                    <td colspan="2"><input type="submit" name="btn123" value="<?php echo 'Button On Page'; ?>" style="width:100%"></td>  
                </tr>
                </table>
            </div>
        </div>      
        </form>
    </body>

Answer 2

如果你总是知道你想要按钮说什么，你就不需要php或javascript。您只需使用html“value”属性即可。您错误地使用了标记为“text”的属性，您应该使用“value”。将您的代码更新为以下内容。

从以下位置更改按钮html：

<input type="submit" name="btn123" text="Button On Page">

要：

<input type="submit" name="btn123" value="Button On Page">

编辑：

为了让你的按钮全宽。您应该使用“colspan”而不是“rowspan”。你的td是连续的，需要跨越列。

更改此代码：

<td rowspan="2"><input type="submit" name="btn123" value="Button On Page"></td>

to（请注意，我在按钮中添加了“按钮”ID）：

<td rowspan="2"><input type="submit" id="button" name="btn123" value="Button On Page"></td>

然后添加一点css：

#button{
    width: 100%;
}

这是一个工作示例的小提琴：

https://jsfiddle.net/joeydehnert/m1ttcr86/

更改按钮文字

2 个答案: