前端工程師如何有效避免常見6種HTML5錯誤用法

前端工程師如何有效避免常見6種HTML5錯誤用法

前端工程師如何有效避免常見6種HTML5錯誤用法

六、form屬性的錯誤使用

HTML5引入了一些form的新屬性,以下是一些使用上的注意事項:

布爾屬性

一些多媒體元素和其他元素也具有布爾屬性。這裡所說的規則也同樣適用。

有一些新的form屬性是布爾型的,意味著它們只要出現在標籤中,就保證了相應的行為已經設置。這些屬性包括:

autofocus

autocomplete

required

坦白的說,我很少看到這樣的。以required為例,常見的是下面這種:

前端工程師如何有效避免常見6種HTML5錯誤用法

嚴格來說,這並沒有大礙。瀏覽器的HTML解析器只要看到required屬性出現在標籤中,那麼它的功能就會被應用。但是如果你反過來寫equired=”false”呢?

前端工程師如何有效避免常見6種HTML5錯誤用法

解析器仍然會將required屬性視為有效並執行相應的行為,儘管你試著告訴它不要去執行了。這顯然不是你想要的。

有三種有效的方式去使用布爾屬性。(後兩種只在xthml中有效)

required

required=””

required=”required”

前端工程師如何有效避免常見6種HTML5錯誤用法

好了,今天的內容就更新到這裡,每天不斷更新前端最新知識!


分享到:


相關文章: