Question

我为我的一个客户网站开发了几种表单。这些表单将与数据库连接。我只为网站做过前端部分。这些是形式。

<div class="col-md-12">
   <div class="form-group">
    <select class="form-control services-main-menu">
     <option>Select category*</option>
     <option value="1">Home services</option>
     <option value="2">Financial services</option>
    </select>
    </div>
</div>

<div class="col-md-12">
 <div class="form-group">
 <input type="text" class="form-control" placeholder="Title*">
 <div class="actual-price">
 <small class="meta">70 characters left</small>
</div>
</div>
 <div class="form-group">
<textarea class="form-control" rows="3" placeholder="Description*"></textarea>
<div class="actual-price">
<small class="meta">4000 characters left</small>
</div>
</div>
</div>

我只想知道我是否需要使用<form> </form>标记包装所有表单？或者就这样吧？这可能是后端开发人员的问题？

Answer 1

尝试始终使用表单标记。他们有BS的特殊CSS：3。我有些网页/元素可以粉碎网页/模板的viusal部分。我建议在.col-md-12之前使用.row clas。这也阻止了我所说的更高的情况。

Answer 2

如果您要将此数据存储在数据库中，可能您将使用GET或POST发送此数据。您将使用表单标记（以及方法属性）的两种方式。所以，是的，拥抱将使用表单标签发送到数据库的字段。

Answer 3

没有<form>它会工作，但你应该保留一些标准。您将需要以下情况：

如果你想执行一个传统的（即非AJAX）表格，你需要它。
你需要它，你想要捕获＆＃34;提交＆＃34;事件编程。
您需要它才能让移动版Safari显示＆＃34; Go＆＃34;键盘上的按钮.-
如果你想以编程方式＆＃34;重置＆＃34;你需要它。表格（即电话重置（））。
它使通用表单序列化更容易（因为它对输入字段进行分组）。
如果您想在没有现代文件API的情况下发布文件，则需要它。
如果必须隔离具有相同名称的字段，则需要它。

编写表单包含几个步骤，可以在其中执行任何顺序：编写用户界面，实现服务器端处理和配置用户界面与之通信服务器

来源：https://www.w3.org/TR/html5/forms.html，https://www.bennadel.com/blog/2435-are-html-form-tags-required-to-display-form-input-controls.htm

表格包装 - Bootstrap

3 个答案: