1
工作中我有这样的HTML代码:CSS样式不与JSTL标记
<div class="login-card">
<h1>Log-in</h1><br>
<form>
<table>
<tr>
<td>* EMAIL ID</td>
<td><input type="text" name="Email_Id" maxlength="100" /></td>
</tr>
<tr>
<td>* Password</td>
<!-- <td> <input type="password" name="pass" placeholder="Set your Password"></td> -->
<td> <input type="password" name="pass" ></td>
</tr>
<tr>
<td></td>
<td> <input type="button" name="create" class="login login-submit" value="login" onclick="showDiv()"></td>
</tr>
</table>
</form>
</div>
它的CSS样式表单:
.login-card table {
font-family: Calibri;
font-size: 11pt;
font-style: normal;
text-align:center;
margin-left:auto;
margin-right:auto;
}
tr {
text-align: center;
}
.login-card h1 {
font-weight: 170;
text-align: center;
font-size: 5em;
}
.login-card input[type=submit] {
width: 100%;
display: block;
margin-bottom: 10px;
position: relative;
}
.login-card input[type=text], input[type=password] {
height: 44px;
font-size: 16px;
width: 100%;
margin-bottom: 10px;
-webkit-appearance: none;
background: #fff;
border: 1px solid #d9d9d9;
border-top: 1px solid #c0c0c0;
/* border-radius: 2px; */
padding: 0 8px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
与CSS上面的HTML代码工作正常,但我不得不使用HTML代码如下:
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form" %>
<div class="login-card">
<form:form method="post" action="addContact.html">
<table>
<tr>
<td>
<form:label path="email">Email</form:label>
</td>
<td>
<form:input path="email" />
</td>
</tr>
<tr>
<td>
<form:label path="password">password</form:label>
</td>
<td>
<form:input path="password" />
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" value="Add Contact" />
</td>
</tr>
</table>
</form:form>
</div>
现在,当我运行这个CSS不工作
那是什么代码的实际HTML输出? – GolezTrol
你可以看到问题..我已经更新了问题 – Salini
对不起,我的意思是由该JSP代码生成的HTML代码。它必须与您发布的第一部分HTML不同,否则您不会得到不同的结果。 – GolezTrol