оформление кнопки отправки формы php

#html #css #forms

#HTML #css #формы

Вопрос:

Я повторяю форму из базы данных на основе некоторых условий пользовательского ввода. Форма будет содержать 2 кнопки. я успешно завершил это. Я просто хочу оформить кнопки внутри формы (кнопки для дальнейших шагов). Я понятия не имею, как оформить кнопку внутри формы php.

 $result = $conn->query ($sql);

if($result ->num_rows>0){
    echo '<table >';

    while($row = $result ->fetch_assoc()){
        echo '<tr><th>Romm Number</th>';
        echo '<td >' . $row['Number']. '</td></tr>';

        echo '<tr><th>Room Temperature</th>';
        echo '<td >' . $row['TEMP']. '</td></tr>';

        //wanna style following form buttons

        echo "<form action = 'script.php' method =post>";
        echo '<tr>';
        echo "<td > "." <input type=submit    name=alarm value=Alarm> "."  </td>";
        echo "<td >"." <input type=hidden  name=view  value ='A'> "."  </td>";
        echo "</tr>";
        echo "</form>";

        echo "<form action = 'script2.php' method =post>";
        echo '<tr>';
        echo "<td >"." <input type=submit  name=control value='Log'> "." </td>";
        echo "<td >"." <input type=hidden  name=graph  value ='B'> "."  </td>";
        echo "</tr>";
        echo "</form>";
    }

    echo "</table>";

    mysqli_free_result($result);
}else {
    echo "no result";
}

//mysqli_free_result($result);
$conn->close();
}

Есть предложения по оформлению кнопок формы внутри таблицы php?

1. С css так же, как и со всем остальным.

2. в чем проблема? вы можете добавить класс к кнопке, а затем написать соответствующие правила. P.s. у вас какая-то ошибка в коде (type=’submit’),

3. <тип ввода= имя отправки = управляющее значение = ‘Log’ class = «buttonClass»> что-то вроде этого?

4. Добавьте к ним class=»submit_button» и добавьте стиль css для этого класса.

Ответ №1:

Вы можете просто использовать стиль в теге html, например

 echo "<td >"." <input type='submit' name=control value='Log' style='color:yellow;font-size:20px;border:none' class="submit"> "." </td>";

(или)

Добавьте определенный класс к кнопке и напишите для него css, например:

 .submit {
    color: red;
}