表格包装 - 引导

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：3的特殊CSS。我有些sittuations页面/元素可以粉碎web/template的viusal部分。 我建议在.col-md-12之前使用.row clas。这也阻止了我所说的更高的情况。

Answer 2

如果您打算将这些数据存储在数据库中，那么您可能会使用GET或POST发送这些数据。两种方式你将使用表单标签（和方法属性）。所以，是的，拥抱将通过表单标签发送到数据库的字段。

Answer 3

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

• 如果您想要执行传统（即非AJAX）表单邮件，您需要它。
• 你需要它，你想以编程方式捕捉“提交”事件。
• 为了使移动版Safari能够显示键盘上的“开始”按钮，您需要它.-
• 如果要以编程方式“重置”表单（即调用reset（）），则需要它。
• 它使通用窗体序列化更容易（因为它将输入字段分组）。
• 如果你想发布没有现代文件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