前兩天看到了這篇文章,覺得蠻神奇的哈哈


大概就是在說瀏覽器會自動幫我們把 form 底下的 input name 屬性,綁定至 form 底下

舉個正常使用的例子:

可以看到上面這個例子,瀏覽器會把 account與 password 綁定到 form 元素的屬性上,form.submit 則可以提交表單。

接下來我們試著將 form 底下的 input name改個命名。

上面這個例子,可以發現 form 底下的 id 、 className及 submit 屬性都被覆寫掉了,原因是我們將底下的 input name 改為這些關鍵字

導致這些屬性被覆寫掉,某種程度或許也可以說是 bug….不過我想應該大多數人不會這樣命名才對…..

PS. MDN 文件也有提到這件事,請參考https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit

參考資料:

https://trackjs.com/blog/when-form-submit-is-not-a-function/?utm_campaign=blog&utm_source=social&utm_medium=hootsuite&utm_content=form-submit

Leave a Reply