Change Button Text

-2

Я изучаю php и хочу установить отображаемый текст для кнопки, которую у меня есть. Я знаю, что вы можете использовать javascript для изменения текста кнопки, но это (по крайней мере, из того, что я видел) работает для .onclick. Я хочу, чтобы текст кнопки менялся при загрузке страницы. По умолчанию текст кнопки на моей странице, когда он загружает дисплеи Submit Query когда мои загрузки страницы Я хочу, чтобы текст читать Button on Page

Есть ли способ использования PHP для
1) установить текст кнопки и
2) иметь его охватить 2 строки в таблице?Change Button Text

Это код, я работаю с:

<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>

источник

2016-04-22 WooBin WooYeol

При каких условиях текст кнопки будет отличаться? – treegarden

Загрузка страницы - я хочу, чтобы текст по умолчанию кнопки был нажат на странице –

Так почему бы не просто изменить html? – treegarden

Вы должны использовать значение вместо текста для кнопки отправки

<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>

источник

2016-04-22 13:30:46 Mojtaba

Это изменяет текст - как кнопка может содержать оба столбца? –

@WooBinWooYeol, я изменил код. вы можете поместить свою переменную внутри блока кода php – Mojtaba

Если вы всегда знаете, что вы хотите, чтобы ваша кнопка говорила, вам не нужны php или javascript. Вы можете просто использовать атрибут html "value". Вы неправильно используете атрибут labled «text», вы должны использовать «value». Обновите свой код до следующего.

Изменить кнопку HTML от:

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

To:

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

Edit:

Для того, чтобы иметь ваша кнопка идти всю ширину. Вы должны использовать «colspan» вместо «rowspan». Ваш td находится в строке и должен охватывать столбцы.

Изменить этот код из:

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

к (заметим, что я добавил идентификатор "кнопки" на кнопке):

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

Затем добавить немного CSS:

#button{ 
    width: 100%; 
}

Вот скрипка с рабочим примером:

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

источник

2016-04-22 13:35:02

Спасибо, что меняет текст. Что делать, чтобы центрировать кнопку на обеих колонках? –

См. Мое редактирование выше. –

Change Button Text

ответ

Смежные вопросы