Question

所以目前我正在尝试编辑html输入表单的总体布局和外观。下面是我的html输入表单的代码片段：

<p> <form action='register.php' method="POST"></p>
<p>First Name: <input type="text" name="firstName" />Last Name: <input type="text"     name="lastName"/></p>
<p>Address: <input type="text" name="address" /></p>
<p>City: <input type="text" name="city" /></p>

编辑此内容的CSS就是：

#Address, #emailAddress, #password, #confirmPassword, #firstName, #lastName{
width:50%;
outline: double 1px #FFA500;  
height:16px; 
padding:10px;  
}

问题是，此代码没有任何变化。这不应该改变我的html输入表格吗？

Answer 1

尝试在html上使用id属性而不是name属性。

<input type="text" id="firstName" />

Answer 2

一次为所有input元素定义样式会更好：

input { 
    width: 50%;
    outline: double 1px #FFA500;  
    height: 16px; 
    padding: 10px; }

您应该阅读CSS selectors。

Answer 3

以下是一些快速观察：

元素嵌套不当。例如，在段落标记内打开表单标记。此外，表格标签未关闭
使用“id”属性而不是“name”
确保#Address与输入ID匹配（当前，它没有）
城市输入ID未反映在CSS

Answer 4

您需要为输入分配ID或类。

请记住，使用CSS;

ID = #object
Class = .object

<p>First Name: <input type="text" name="firstName" id="firstName" />

用CSS操作html输入表单？

4 个答案: