0

所以目前我正在尝试编辑 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 输入表单吗？

4

4 回答 4

2

以下是一些快速观察：

  • 元素嵌套不当。例如，段落标签中打开的表单标签。此外，表单标签未关闭
  • 使用“id”属性而不是“name”
  • 确保 #Address 与输入 ID 匹配（目前不匹配）
  • 城市输入 ID 未反映在 CSS 中
于 2012-07-12T17:23:18.837 回答
2

尝试使用id属性而不是namehtml 上的属性。

<input type="text" id="firstName" />
于 2012-07-12T17:16:22.003 回答
2

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

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

您应该阅读CSS 选择器。

于 2012-07-12T17:18:28.343 回答
0

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

记住，使用 CSS；

ID = #object
类 = .object

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

于 2012-07-12T17:18:22.240 回答