<form style="display:inline-block;" method="post" action="#"> <button class="information-btn" type="submit" id="all-btn">全部员工</button> </form> <form style="display:inline-block;" method="post" action="#"> <button class="information-btn" type="submit" id="new-btn">添加员工</button> </form> <form style="display:inline-block;" method="post" action="#" style="float: right;"> <button class="information-btn1" type="submit" id="chaxun-btn">查询</button> <input type="text" id="chaxun-text" name="chaxuntext" placeholder="请输入要查询的员工信息" value=""> </form>将对三个form放在同一行的右边
时间: 2023-07-19 13:43:31 浏览: 1404
可以使用CSS中的浮动(float)属性,将三个form标签放在同一行,同时使用text-align属性将其右对齐。
例如:
```html
<div style="text-align: right;">
<form style="display:inline-block; float:left;" method="post" action="#">
<button class="information-btn" type="submit" id="all-btn">全部员工</button>
</form>
<form style="display:inline-block; float:left;" method="post" action="#">
<button class="information-btn" type="submit" id="new-btn">添加员工</button>
</form>
<form style="display:inline-block; float:left;" method="post" action="#">
<button class="information-btn1" type="submit" id="chaxun-btn">查询</button>
<input type="text" id="chaxun-text" name="chaxuntext" placeholder="请输入要查询的员工信息" value="">
</form>
</div>
```
阅读全文