前兩天看到了這篇文章,覺得蠻神奇的哈哈
大概就是在說瀏覽器會自動幫我們把 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
參考資料: