jQueryではFormData()でフォーム内のinputのvalueを一度に取得できます。
取得した値を確認するためにコンソールに出力したとしても値は確認できないようになっています。
以下、コンソールでのFormData確認方法です。
HTML
inputタグfileタイプをjQueryで取得
inputのfileにセットされたファイルのサイズやタイプをjQueryで取得できます。
以下、その方法です。
inputタグfileタイプをCSSでカスタマイズ
デフォルトのfileタイプのinputタグだとシンプルで、スマホだと少し使いづらかったりします。
かつ、inputタグにCSSをあてても微妙な動作をします。
HTML側を少し工夫するだけでCSSでカスタマイズが可能になります。
CSS「animation」で最後停止させる方法
CSS「animation」で紹介したアニメーションは無限ループです。
アニメーションが終わったら、最後停止してループさせなくする方法を紹介します。
CSSだけでアニメーションができる「animation」
CSSだけでアニメーションができる「animation」。
ブラウザごとに別々に記述が必要なことが多いですが、CSSなのでとても軽い動作でアニメーションできます。
以下、例です。
HTML5で追加されたタグ一覧
HTML5で追加されたタグ一覧です。
「トップへ戻るボタン」を表示
スマホやPCでも
コンテンツが長い場合に右下に「トップへ戻るボタン」があると
いつも便利に感じます。
簡単サンプルを書きましたので是非利用してみて下さい。
Bootstrapのアイコンを使う簡単な方法
jQuery・チェックボックスのチェック状態を調べる方法
jQueryでチェックボックスのチェック状態を調べる方法はいくつかあるのでまとめておきます。
bootstrap glyphicon のサイズ変更
bootstrap glyphiconのアイコンサイズ変更方法です。