3 回答

TA貢獻1845條經驗 獲得超8個贊
您應該始終使用語義 HTML 元素。是的,您應該使用該form
元素。
語義和可訪問性
蜘蛛、用戶代理、屏幕閱讀器、插件等閱讀您的網站并嘗試理解它。瀏覽器可能會通過預填充保存的聯系人數據來幫助他們的用戶。如果語義不清楚,蜘蛛可能會有不同的行為。蜘蛛應該點擊一個button
元素嗎?如果它們是提交按鈕,大多數搜索引擎機器人不會點擊它們,type="submit"
但它們可能會因為某些網站(語義不正確)使用按鈕而不是鏈接。屏幕閱讀器可以向盲人或視障用戶宣布表單塊。密碼管理器可能僅預填充登錄表單(而不是您網站上的每個輸入字段都帶有name="name"
)。所有這些都通過語義form
s 進行了大規模簡化。沒有它們,這些功能可能無法正常工作或完全中斷。
JavaScript API 和數據驗證
語義 HTML 和 JavaScript 可以一起使用。當您使用form
s 時,您可以使用document.forms
. 你可以獲取它的元素,你可以監聽它的提交事件,你可以重置它或用它做其他事情。
數據驗證允許瀏覽器為您驗證值。JavaScript 提供reportValidity
檢查表單是否有效或者您可以使用invalid
事件。以這種方式驗證整個表單比僅使用 JavaScript 更容易(尤其是當您不使用表單時)。
禁用 JavaScript
有些人禁用了 JavaScript。在這種情況下,讓您的網站正常工作總是好的。

TA貢獻2016條經驗 獲得超9個贊
HTML 表單之所以有用,主要是出于格式化的原因。它們看起來像用戶期望的樣子 + 有很多 CSS 框架(Bootstrap、Material Design 等)可以毫不費力地提供漂亮的開箱即用的表單元素。
然而,不再需要將表單包裝到<form>
元素中,因為處理來自表單的數據通常由 Javascript 函數完成,該函數將直接訪問表單元素。
通常,您會<button>
在表單的末尾放置一個并在其上放置一個用于提交表單的 onclick 事件。
添加回答
舉報