表格包裝 - 引導

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