HTML5表单如何使复选框与文本框上下对齐
时间: 2024-04-16 19:23:48 浏览: 101
要使复选框与文本框上下对齐,可以使用CSS来设置它们的样式。可以通过给复选框和文本框添加相同的`vertical-align`属性来实现对齐。
首先,在HTML中创建一个表单,包含一个复选框和一个文本框:
```html
<form>
<label for="checkbox">复选框:</label>
<input type="checkbox" id="checkbox">
<label for="textbox">文本框:</label>
<input type="text" id="textbox">
</form>
```
然后,在CSS中为复选框和文本框设置`vertical-align`属性为`middle`,这将使它们垂直居中对齐:
```css
input[type="checkbox"],
input[type="text"] {
vertical-align: middle;
}
```
这样,复选框和文本框就会在垂直方向上对齐了。你可以根据需要调整它们的样式。
阅读全文