如何在php form_submit按钮中添加样式或放置类 - How to add style or put a class in a php form_submit button

How to add style or put a class in a php form_submit button

本文关键字：样式添加按钮 php form submit | 更新日期: 2023-09-27

我只想让我的按钮看起来很棒，但我不知道如何应用样式或将类放在这样的按钮上https://i.stack.imgur.com/EFvzg.jpg

<?php echo form_submit('submit', 'Submit');?>

我想把这个css属性放在我的按钮上，使它看起来像这样https://i.stack.imgur.com/JmFLI.jpg..

.btnBack{
      background: #3498db;
      border: solid 1px;
      border-color: #3498db;
      background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
      background-image: -moz-linear-gradient(top, #3498db, #2980b9);
      background-image: -ms-linear-gradient(top, #3498db, #2980b9);
      background-image: -o-linear-gradient(top, #3498db, #2980b9);
      background-image: linear-gradient(to bottom, #3498db, #2980b9);
      -webkit-border-radius: 5;
      -moz-border-radius: 5;
      border-radius: 5px;
      color: #ffffff;
      font-size: 15px;
      padding: 5px;
      width: 100px;
      text-decoration: none;
    vertical-align: middle;
    }

请教我怎么做…谢谢

如果这是代码点火器：

form_submit('submit', 'Submit',"class='btnBack'");

试试这个

echo form_submit('submit', 'Submit',"class='btnBack'");

在css文件中创建类，并将其称为"buttonSubmit"（或任何您喜欢的名称），然后像这样添加它-

<?php echo form_submit('submit', 'Submit','class=buttonSubmit'); ?>

我假设这是CodeIgniter form_submit函数-根据form_subbit函数的文档，https://ellislab.com/codeigniter/user-guide/helpers/form_helper.html，"第三个参数允许您向表单中添加额外的数据，如JavaScript。"，因此您可以传递一个带有类的字符串作为第三个属性（以及您想要添加的任何其他附加属性），如下所示：

echo form_submit('submit','Submit','class="btnBack"');

如果您喜欢这种语法，也可以将数组作为第一个参数来传递，以实现相同的效果。

echo form_submit(array('name' => 'submit','value' => 'Submit','class' => 'btnBack'));

试试这个代码

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
.btnBack{
      background: #3498db;
      border: solid 1px;
      border-color: #3498db;
      background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
      background-image: -moz-linear-gradient(top, #3498db, #2980b9);
      background-image: -ms-linear-gradient(top, #3498db, #2980b9);
      background-image: -o-linear-gradient(top, #3498db, #2980b9);
      background-image: linear-gradient(to bottom, #3498db, #2980b9);
      -webkit-border-radius: 5;
      -moz-border-radius: 5;
      border-radius: 5px;
      color: #ffffff;
      font-size: 15px;
      padding: 5px;
      width: 100px;
      text-decoration: none;
    vertical-align: middle;
    }
    </style>
</head>
<body>

<?php
function form_submit($type, $value, $style){
    echo "<form action='#' method='post'>";
    echo "<input type='$type' value='$value' class=$style";
}
form_submit('submit', 'Submit', 'btnBack');
?>
</body>
</html>