<div style="width:100%;"> <button class="information-btn" type="submit" id="all-btn">全部员工</button> <button class="information-btn" type="submit" id="new-btn">添加员工</button> <button class="information-btn1" type="submit" id="chaxun-btn">查询</button> <input type="text" id="chaxun-text" name="chaxuntext" placeholder="请输入要查询的员工信息" value=""> </div>改成两个在同一行的form
时间: 2023-07-19 15:43:31 浏览: 129
好的,你可以将代码修改为以下内容:
```
<div style="width:100%;">
<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="#">
<button class="information-btn1" type="submit" id="chaxun-btn">查询</button>
<input type="text" id="chaxun-text" name="chaxuntext" placeholder="请输入要查询的员工信息" value="">
</form>
</div>
```
这样就可以将三个按钮和输入框放在同一行的两个表单中了。注意,这里使用了 `display:inline-block` 将表单元素变成行内块级元素,从而实现在同一行显示。
阅读全文