2
我得到了一個工作表單並試圖添加樣式到按鈕。我在頂部添加了CSS,並聲明瞭按鈕類,但它不會設計樣式。 CSS在頂部的html標籤中聲明,並且php代碼嵌入在其中。類是相同的。任何想法爲什麼?先謝謝了。用於PHP輸入按鈕的CSS樣式
<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」>'看到那些'「」'?將它改爲'