PHP输入按钮的CSS样式


CSS Styling for PHP Input Button

我有一个工作表单,正在尝试为按钮添加样式。我在顶部添加了CSS,并声明了按钮类,但它不会设置样式。CSS在顶部的html标记中声明,php代码嵌入其中。类是相同的。有什么想法吗?提前谢谢。

<html>
<head>
<title>...</title>
<style type=”text/css”>
.btnsubmit {
    color: #fff;
    background-color: #3a7f7f;
    border-color: #3a7f7f;
}
.btnsubmit:hover {
    color: #fff;
    background-color: #183535;
    border-color: #183535;
}
</style>
</head>
<body>
<?php
$jinput = JFactory::getApplication()->input;
if(isset($_POST['submit'])) {
    $db = JFactory::getDbo();
    $query = $db->getQuery(true);
    $user = JFactory::getUser();
    $userID = $user->get( 'id' );
    $date = date("Y/m/d");
    $description = $jinput->get('description', null , null);
    $subsection = $jinput->get('subsection', null , null);
    $urgency = $jinput->get('urgency', null , null);
    $status = "Waiting Attention";
    $columns = array('userid', 'rdate', 'description', 'area', 'subsection', 'urgency', 'status');
    $values = array($userID, $db->quote($date), $db->quote($description), $db->quote($selected), $db->quote($subsection), $db->quote($urgency), $db->quote($status));
    $query
        ->insert($db->quoteName('#__website_issues'))
        ->columns($db->quoteName($columns))
        ->values(implode(',', $values));
    $db->setQuery($query);
    $db->execute();
    echo "<h4>Thank You! Issue Successfully Reported!";
}
echo "<table style='text-align:center;text-align:center;margin-left:41%;'>";
echo "<tr><td><h4>Report Website Issue</h4></td></tr>";
echo "<tr><td><form method='post'><select name='area'  onchange='this.form.submit()'>
<option value=''>Select Website Area</option>
<option value='General'>General</option>
<option value='Emails'>Emails</option>
<option value='Education'>Education</option>
<option value='Reviews'>Reviews</option>
<option value='Store'>Store</option>
<option value='Toolkit'>Toolkit</option>
<option value='Membership'>Membership</option>
<option value='Other'>Other</option>
</select></form>
</td></tr>";
echo "<form method='post'>";
$selected = $jinput->get('area', null, null);
echo "<tr><td><h5><center>Current Area Selected: $selected</center></tr></td></h5>";
if($selected == 'General') {
    echo "<tr><td><input type='text' name='subsection' placeholder='Subsection'></td></tr> ";
}
else if($selected == 'Emails') {
    echo "<tr><td><select name='subsection'>
    <option value=''>Select Email System</option>
    <option value='Notification'>Notifications</option>
    <option value='Newsletter'>Newsletter</option>
    <option value='Store'>Store Emails</option>
    </select></td></tr>";
}
else if($selected == 'Education') {
    echo "<tr><td><select name='subsection'>
    <option value=''>Select Subsection</option>
    <option value='Lighting'>Lighting</option>
    <option value='Sound'>Sound</option>
    <option value='Rigging'>Rigging</option>
    <option value='StageManagement'>Stage Management</option>
    <option value='ConsoleTraining'>Console Training</option>
    <option value='Tips'>Tips</option>
    </select></td></tr>";
}
else if($selected == 'Reviews') {
    echo "<tr><td><input type='text' name='subsection' placeholder='Specific Review'></td></tr> ";
}
else if($selected == 'Store') {
    echo "<tr><td><input type='text' name='subsection' placeholder='Store Area'></td></tr> ";
}
else if($selected == 'Toolkit') {
    echo "<tr><td><input type='text' name='subsection' placeholder='Specific Tool'></td></tr> ";
}
else if($selected == 'Membership') {
    echo "<tr><td><select name='subsection'>
    <option value=''>Select Membership Plan</option>
    <option value='Member'>Member</option>
    <option value='Student'>Student</option>
    <option value='Educator'>Educator</option>
    </select></td></tr>";
}
else if($selected == 'Other') {
    echo "<tr><td><input type='text' name='subsection' placeholder='Subsection'></td></tr> ";
}
echo "<tr><td><select name='urgency'>
<option value=''>Select Urgency</option>
<option value='Minor'>Minor</option>
<option value='Serious'>Serious</option>
<option value='Urgent'>Urgent</option>
</select></td></tr>";
echo "<tr><td><textarea rows='6' cols='50' name='description' placeholder='Please Describe The Issue'></textarea></td></tr>";
// Submit
echo "<tr><td><input type='submit' class='btnsubmit' name='submit' value='Submit Issue'>";
echo "</form></table><hr>";
?>
</body>
</html>

我在评论中写了这篇文章,但想为未来的读者进一步添加/详细说明。

<style type=”text/css”> 中的大引号” ”

使用常规引号"将其更改为<style type="text/css">

即使有错误报告,这也不会发出通知,也将是徒劳的。

然而, 在echo:中使用了花引号

echo ”<tr><td><textarea rows='6' cols='50' name='description' placeholder='Please Describe The Issue'></textarea></td></tr>”;

例如,在打开/关闭时使用带有花引号的部分echo,会抛出类似于的内容

分析错误:语法错误,第x行的/path/to/file.php中出现意外">"

甚至

echo ”Hello world”;

会抛出一个最简单形式的解析错误:

分析错误:在第x行的/path/to/file.php中

如果你使用某种类型的文字处理软件进行编码,那么就到此为止,使用代码编辑器。这是两种不同的动物。

最后,你可以简单地使用

<style>
.class {
}
</style>
  • 在HTML5中,CSS不再需要type属性。默认值为"text/css"