Skip to content

[HTML] form.submit is not a function,這命名不合理阿!

Published: at 12:33 PM (2 min read)

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


大概就是在說瀏覽器會自動幫我們把 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


Previous Post
[Javscript] insertAdjacentHTML、insertAdjacentText,vanilla.js 就支援的插入 HTML 及文字
Next Post
[javascript] vanilla js 實作 JQuery.extend 方法