HTML– tag –
-
HTML
フォームでフリガナを自動入力 vanilla-autokanaの使い方
Webフォームで氏名や住所のフリガナ入力を求められたらどうしますか?私は画面に唾を吐きかけて思いつく限りの悪態をつくことにしています。面倒ですよね。あーあ、フリ... -
CSS
フォームで郵便番号から住所を自動入力する YubinBangoの使い方
HTMLフォームの住所入力はとても面倒です。郵便番号を入力したら住所を自動入力してくれるフォームがあったらなぁ。 というわけで、その名もYubinBangoというライブラリ... -
HTML
【最適化】お問い合わせフォームの最強デザイン【離脱防止】
お問い合わせフォームはお客様との大切な接点です。しかし、その設計にミスがあるとせっかくの顧客を逃してしまうかもしれません。 この記事では顧客の離脱を防ぐための... -
CSS
【HTML/CSS】クリックしやすいラジオボタン、チェックボックス
ユーザビリティという言葉をご存知でしょうか。「使いやすさ」をあらわす言葉です。 WEBサイトのフォーム入力時に、ラジオボタンやチェックボックスが選択しづらいとい... -
HTML
【HTML】meta, input, brタグの最後のスラッシュは必要か
HTMLタグの最後についているスラッシュについて疑問を抱いたことはありませんか?<meta なんちゃら />とか<input ほにゃらら />とか<br />とか。スラ... -
HTML
【HTML】name, id, class属性の違いと使い分け
HTML学習初心者のつまずきポイント第1位がname, id, class属性の使い分けと言われています(どこで)。 というわけで、これらの属性の違いと使い方をわかりやすく解説し... -
CSS
【CSS】モーダルダイアログのデザイン・アニメーションのアイデア集
やっほー。この記事ではモーダルダイアログのデザインを具体例を挙げて紹介します。 ダイアログのデザインはUX(ユーザエクスペリエンス)に配慮する必要があります。ユ... -
HTML
【JavaScript】dialog要素を使ってダイアログを自作する
JavaScriptでダイアログボックスを表示するとき、一般的にはalert(), confirm(), prompt()などのメソッドを使います。ただし、この方法で表示させるダイアログはカスタ... -
JavaScript
【JavaScript】フォーム送信時に確認画面を表示する方法
お問合せフォームなどの送信時に確認画面を表示するのは世界中で日本だけと言われています。なんと、日本以外の国々では確認画面は不要とされているのです。 では、世界... -
CSS
【JavaScript】パスワードの表示・非表示を切り替える方法
セキュリティと利便性のバランスはウェブデザインにおいて永遠のテーマである。そう言ったのはアリストテレスだったでしょうか。←違います。 フォームのパスワード入力...
12