php - 样式化动态内容
问题描述
我目前有一个简单的应用程序,它功能齐全,可以使用 php 和 sql 查询数据。但是,我正在努力为网站设置样式,因为属性似乎不适用。我正在使用以下代码将我的搜索栏、下拉菜单和提交按钮包装在一个类中,目的是使所述类居中并在其周围放置一个边框。这是我在网页中使用的代码:
IF (!isset($_REQUEST['submit'])) {
//drop down
$sqlDrop = "SELECT DISTINCT ID as contID, Name as contName from w_Continent order by contName;";
$stmtDrop = $db->query($sqlDrop);
//Start a form
echo "<div class='searchWrap'>";
echo "<form action='listCont.php' method='get'>\n";
//Start a select box
echo "<select name='contID'>\n";
echo "<option value=\"0\" disabled selected>Select Continent</option>";
//Loop through all continents
while ($dropdownVar = $stmtDrop->fetchObject()) {
//Display each one as an option in the drop down
echo "\t\t<option value='{$dropdownVar->contID}'> {$dropdownVar->contName} </option>\n";
}//end loop
echo "</select>";
// Put filter textbox here
echo "<input name='countFilter' type='text' placeholder='filter by country name'/>";
// display submit button
echo "<input name ='submit' type='submit' value='Search' />\n";
//end form
echo "</form>";
echo "</div>";
这是样式表中使用的代码:
.searchWrap {
border-style: solid;
text-align: center;
}
为大块代码道歉,只是我需要包含 div 的所有内容来显示围绕该问题的相关代码。对此的任何帮助都会很棒。谢谢!
解决方案
改变这个
.searchWrap {
border-style: solid;
text-align:center;
}
至
.searchWrap {
border:1px solid #ccc;
text-align:center;
}
推荐阅读
- javascript - 将表单数据发送到 Firebase
- rest - 以更精确的方式理解 SOAP 与 REST
- php - PHP如何存储GET变量以供以后使用
- javascript - 字段无效时如何禁用Antd Form外的提交按钮?
- shopify - 更新购物车抽屉而不在 shopify 中重新加载页面
- django - 使用 formData 请求空数据 - Django Rest Framework
- flutter - 等待完成后如何关闭警报对话框
- swift - 在 Swift Dictionary 中调用嵌套超过 1 层的项目
- awk - 从现有行 bash 创建新行
- reactjs - 如何在 React Js Cordova 中调用短信 IOS 和 Android 应用程序?