Question

以下代码如何成为css，我是初学者，似乎不行让我的头围绕它

        <div id="page-container">
         <?php include_once("home_start.php"); ?> 
         <h1>Login</h1> 

        <form action='login process.php' method='POST'> 
         Username: <input type='text' name='username'><br /> 
         Password: <input type='password' name='password'><br /> 
         <input type='submit' name='submit' value='Login'> 
         <input name='reset' type='reset' value='Reset'> 
        </form> 

         <h4><a href='register.php'>Register</a></h4> 

        <?php include_once("home_end.php"); ?> 

        </div>

Answer 1

添加一个类/ ID来定位此特定表单（或者如果要定位特定位，则使用您使用的任何标记），然后使用以下HTML，例如：

<form id="red-form" action='login process.php' method='POST'>
    Username: <input type='text' name='username'><br /> 
    Password: <input type='password' name='password'><br /> 
    <input type='submit' name='submit' value='Login'> 
    <input name='reset' type='reset' value='Reset'> 
</form>

然后使用CSS来设置该ID /类的样式，例如：

#red-form {
    background-color:red;
}

或者您可以只定位所有表单，然后您不需要添加类/ ID，您的CSS就像：

form {
        background-color:red;
    }

或者只是定位输入：

input {
   background-color:blue; 
}

DEMO

世界真的是你的牡蛎。有关如何设置表单样式的一些建议，请参阅here。

Answer 2

您可以按如下方式定位各个输入字段：

input[type=text] { color:red; }

如何设置表单操作的样式

2 个答案: