如何定位使用CSS页面各处复选框（复选框值从数据库填充）

-2

我在CSS一个绝对的初学者，因此我有问题，想你的帮助。我已经创建了一个复选框列表，但是复选框的值是使用存储在mysql数据库中的值填充的。的复选框的PHP代码如下所示：

<?php 

require("user_connection.php"); 


$q = mysqli_query($connect, "SELECT * FROM `campus`"); 
    while ($line = mysqli_fetch_assoc($q)) { 
    echo '<input type="checkbox" name="car" 
      value="'.$line['room'].'">'.$line['room'].'</br>'; 
    } 

?> 


</br> 
</br> 



<?php 
$q = mysqli_query($connect, "SELECT * FROM `campus_two`"); 
    while ($line = mysqli_fetch_assoc($q)) { 
    echo '<input type="checkbox" name="car" 
      value="'.$line['room'].'">'.$line['room'].'</br>'; 
    } 

?> 


<div id="next"><input type="submit" name="next" Value="next"/></div> 
</form>

问题

我只是希望能够在复选框周围放置我的网站的中间。网上似乎有很多关于如何轻松使用CSS的教程，但所有这些教程都将复选框值嵌入到HTML中，而不是像使用数据库那样动态生成。

目前我的CSS看起来像这样

label { 
    position: absolute; 
    top: 300px; 
    right: 700px; 
} 
input { 
    position: absolute; 
    top: 300px; 
    right: 700px; 
}

现在这个工程上嵌入到HTML值正常的复选框罚款，但使用从数据库值生成我的复选框。我希望能够在我的网站中定位复选框，你们知道我可以如何解决这个问题吗？

来源

2016-04-15 kate tango

我们需要看看你想如何看待...否则我们只是猜测。 –

我不希望它看起来像任何东西，我只是想要它，但我希望能够将其定位在我的网站中间 –

你对这个问题的核心假设是错误的。您的数据库正在生成静态HTML，您可以通过查看页面的源代码来查看。静态复选框和动态生成的检查之间没有区别。如果您的CSS适用于您的静态HTML，那么您将以错误的方式生成HTML。您的代码看起来像会覆盖屏幕上某个位置的所有元素。 –

不要过度去想。 PHP在这里创建html。

<div id="next"><input type="submit" name="next" Value="next"/></div>

和

echo '<input type="checkbox" name="car" value="'.$line['room'].'">'.$line['room'].'</br>';

第二被动态创建。即使这是用PHP动态创建的页面呈现后，你有一个页面使用CSS甚至JS工作。

比方说您要添加big-btn类在PHP很容易只是这样做

<div id="next" class="big-btn"><input type="submit" name="next" Value="next"/></div>

在样式表

.big-btn{ 
    height: 50px; 
    width: 50px; 
}

CSS将是一个更大的按钮。

尽管这很简单。你可以用HTML来做到这一点。

<?php 
    $q = mysqli_query($connect, "SELECT * FROM `campus_two`"); 
    while ($line = mysqli_fetch_assoc($q)) { 
     echo '<input type="checkbox" name="car" 
     value="'.$line['room'].'">'.$line['room'].'</br>'; 
    } 
?>

在这种情况下，你可以有1个输入或80只取决于什么：就像你在这里的服务器端渲染，如PHP，甚至在某种意义上更强大，你可以查询数据的基础上建立自己的输入被返回，但它将被呈现为可以被设置为完全相同的HTML。另一个好处是，你可以在数据库中设置标志并有条件地添加类或标识来真正建立一个动态页面，但是一旦它被呈现（在JS之外），页面就是静态的HTML。

来源

2016-04-15 20:07:23 nerdlyist

谢谢你的帮助，我现在明白了 –

如何定位使用CSS页面各处复选框（复选框值从数据库填充）

回答

相关问题