gpt4 book ai didi

css - 表单中间的提交按钮

转载 作者:太空宇宙 更新时间:2023-11-03 21:33:58 24 4
gpt4 key购买 nike

我的问题是:我可以将提交按钮不放在表单的末尾吗,我需要将提交按钮放在表单中间的某个地方以便舒适的设计布局。例如:

<form name="wide-search" action="/wide-search/" method="get" class="form-wide-search">
<select class="form-control cars">
<option>1</option>
<option>2</option>
</select>
<input type="text" class="form-control" placeholder="Поиск по всем объявлениям доски">
<select class="form-control region-search">
<option>1</option>
<option>2</option>
</select>
//HERE IS FORM SUBMIT BUTTON
<div class="input-group">
<input class="form-control" id="searchInput" type="text" name="q" placeholder="Искать среди всех товаров и услуг" value="" x-webkit-speech="">
<div class="input-group-btn">
<button type="submit" class="btn btn-primary">Найти</button>
</div>
</div>
//AND THEN WE HAVE SOME SELECT'S WITH PARAMETRES, THAT ALSO CONNECTED TO THIS FORM BUT THEIR
PLACE IS AFTER SUBMIT BUTTON
<select class="form-control mark">
<option>1</option>
<option>2</option>
</select>
<select class="form-control model">
<option>1</option>
<option>2</option>
</select>
<select class="form-control year">
<option>1</option>
<option>2</option>
</select>
</form>

我需要为这个表单创建 Html 和 Css 设计布局,我从程序员那里得到这个任务,我不知道这个工作是否正确,或者它是错误的布局。我没有在互联网上找到这个问题的答案。所以我相信有人可以解释我。最后我添加了这个表格的图像。 enter image description here

最佳答案

您可以将提交按钮放在表单内的任何位置。还有 HTML5 form您甚至不必将其放在表单中的属性,例如

<form id="form-id">
...
</form>
<button type="submit" form="form-id">Submit from outside</button>

关于css - 表单中间的提交按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27867443/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com