フォーム周り

入力したパスワードの文字の長さに応じて背景画像が鮮明になっていく

簡易的なダークモード

フォームの内容を元に任意のUIに遷移

Ads

placeholderにテキストをランダム表示する

表示されている画像を任意の画像に変更する

複数inputに入力された数字の合計を表示する

リスト内で指定したキーワードにマッチする項目だけハイライトする

チェックボックスで制限された数以上のチェックをされた際にアラートを表示させる

アップロードするファイルの名前、サイズ、コンテンツタイプを取得する

textareaで行ごとにナンバリングする

inputやtextareaで、指定した文字数を超えた際に警告文を出す

input要素にフォーカスするとツールチップが出るようにする

select要素に応じてフォームの要素を複数表示する

入力フォームにフォーカスしたらツールチップを出す

マウスを乗せるとフィードバック用のフォームが出る

パスワードの表示/非表示をチェックボックスでスイッチできるようにする

検索窓にフォーカスしたらボックスのサイズが変わる

チェックボックスにチェックしたら他のも全部選択出来る

HTML5と併用してアニメーションするプログレスバー

input要素をクリックすると中のテキストを全部選択出来る

select要素内に年月日などの数字を自動生成する

テキストを入力するとテキストエリアが広がる