Web Components : フォームパーツの作り方・ハマりどころ | Basicinc Enjoy Hacking!

Web Components : フォームパーツの作り方・ハマりどころ | Basicinc Enjoy Hacking!

ベーシック アドベントカレンダー 5日目です。 Web Components でフォーム周りのカスタムパーツの作り方...概要を表示 ベーシック アドベントカレンダー 5日目です。 Web Components でフォーム周りのカスタムパーツの作り方の解説をします。フォームのカスタムパーツは、プロジェクト内だけでなく汎用的なコンポーネントを自作して外部に配布する王道なコンポーネントな気がします。しかし、普通のコンポーネントと同じようなノリで作っているとハマってしまったところがいくつかあったので、それらを紹介します。 Shadow DOM 内部の入力フォームは autocomplete が効かない <my-login-form></my-login-form> <p>Normal DOM form</p> <form method="post" action="./"> Email: <input type="text" name="id" value=""><br> Password: <input type="pass