Reactでウェブフォームを作る2021

2021/03/07 81 users フォームライブラリ ベストプラクティス Form React

Webのフォームは、いつでもベストプラクティスを悩むものの一つです。React を使うとして完全に自作でやるのか？それともフォームライブラリを使うか？フォームライブラリならどれを使うか？ 今の時代 Formik を選ぶ理由はありませんが、React Hook Form と React Final Form のどちらを使うかはとても悩ましいです。 Re... 続きを読む

100%スラスラ読める！優れたウェブフォームのコツ15個 : ニキビあと。

2017/01/20 27 users ニキビあと 100％

読者の名前やメールアドレスなどの情報を集める時に使う「フォーム」は、ウェブデザインにおいて最も気を遣う必要があるものの一つです。  本記事では、「フォーム」をユーザーフレンドリーな優れたデザインにするためのコツを15個お伝えします。 「フォーム」作成のガイドラインとしてご活用ください。 「列」は1列にしましょう。  「列」が複数あると、読者の視線はあちこちにさまよって混乱してしまいます。  ユーザ... 続きを読む

ユーザスクリプトを使ってウェブフォームに一度入力した情報を保存 : ライフハッカー［日本版］

2011/04/30 20 users ユーザスクリプト アドオン ライフハッカー 主要ブラウザ 商品

Webツール , アドオン , フリーソフト ユーザスクリプトを使ってウェブフォームに一度入力した情報を保存 2011.04.30 14:00 コメント数：[ 0 ] Check Tweet ほとんどの主要ブラウザ：それは、ネットショッピングをしている時のこと。やっぱり前に見た商品も一緒に買おうと思い、そのページに戻って商品をカートに入れました。そしてお会計のページへ戻ると、さっき入力した個人情報... 続きを読む

[JS]HTML5の「プレースホルダーテキスト」をスクリプトで実装する旧式と今時の方法 | コリス

2011/03/30 88 users コリス placeholder 今時 jQuery スクリプト

HTML5のウェブフォームの機能「プレースホルダーテキスト」をHTML5に対応していないブラウザにも実装する旧式の方法、ModernizrとjQueryを使った今時の方法、の二つを紹介します。HTML5対応ブラウザでは、「placeholder」の値がテキストフィールドに表示されます。 続きを読む