这是我需要做的表格:
现在我处于这一点:
正如您所观察到的,我需要将输入按钮创建得更大。否则视觉上它不会起作用。我的问题是如何创建更大的垂直输入按钮,并且输入文本保持在框中间垂直居中。
CSS 解决方案将是最好的。
这是我的 html 代码(如果有帮助的话):
<form name="bookingform" action="form-to-email.php" method="post">
<div id="form_box" class="gradient">
<div id="center_box">
<h3>WANT TO BOOK ME?</h3>
<div id="form_data">
<br>
<table>
<tr>
<td><input type="text" value="Company name" name="company" /></td>
<td class="tdright"><input type="text" value="Name" name="name" /></td>
</tr>
<tr>
<td><input type="text" value="Telephone" name="telephone" /></td>
<td class="tdright"><input type="text" value="Email" name="email" /></td>
</tr>
<tr>
<td><input type="text" value="Booking date" name="date" /></td>
<td><input type="button" /></td>
</tr>
</table>
</div>
<div id="form_text">
<br>
<textarea rows="10" cols="40" name="message">Your text...</textarea>
<input type="submit" value="SEND" name="submit" />
</div>
<input type="image" src="" name="Send" />
</div>
</div>
</form>
最佳答案
input[type=button] {
height: 35px; /* increase the height */
line-height: 35px; /* vertically align the text */
}
关于css - 输入标签尺寸较大且输入标签中的文本垂直居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12184243/