タグ

フォームに関するgravity01のブックマーク (2)

  • コピペで使える!HTML・CSSでフォームをおしゃれにカスタマイズする方法 | 模写修行メディア

    コーディングをしていて意外と面倒なのがフォームのカスタマイズです。 ブラウザによって見た目がまちまちで、サイトのデザインとマッチしないことも多々あります。ただ、デフォルトのスタイルをリセットしてカスタマイズしようとしても、他のHTML要素と違って色々と面倒な点もあります。 また、カスタマイズする際はアクセシビリティにも考慮しなければいけません。 フォームのデザインは、オシャレにする必要はありません。ユーザにとってわかりやすいものにすることがベストです。 この記事では、最低限のアクセシビリティを意識した、フォームのカスタマイズを紹介します。 👇 メンターやってます 👇 模写修行やこのメディアを作ったエンジニア中心に、メンタリングサービスHello Mentorを運営しています。

    コピペで使える!HTML・CSSでフォームをおしゃれにカスタマイズする方法 | 模写修行メディア
  • フォームで郵便番号から住所を自動入力させる|Webクリエイターネット

    Category Javascript 問い合わせフォームに郵便番号を入力すると、自動で住所が入力されるフォームをよく見かけます。あれを簡単に実装する方法を紹介します。 郵便番号からの住所自動入力には、Kawa.netさんのサイトで公開されている"AjaxZip2ライブラリ"を利用します。HTMLが分かる方でしたらとても簡単です! prototype.js版とjquery.js版が同梱されていますので、ここ数年主流になっているjQuery版を使います(ライブラリの共存自体そうですが、特にprototype.jsとjquery.jsの共存にはバグやエラーがつきものです...。両方とも関数省略に$を使うからなんでしょうけど...。ですから、最近流行のjQuery版を使います)。 また、"AjaxZip2ライブラリ"は、最近更新されていませんので、郵便番号データが古くなっています。そこで、シェル

  • 1