タグ

formに関するshoのブックマーク (8)

  • Sign-in form best practices  |  Articles  |  web.dev

    Sign-in form best practices Stay organized with collections Save and categorize content based on your preferences. Use cross-platform browser features to build sign-in forms that are secure, accessible and easy to use. If users ever need to log in to your site, then good sign-in form design is critical. This is especially true for people on poor connections, on mobile, in a hurry, or under stress.

  • datalist experiment

    datalist experiment By using <datalist>, you can define a list of suggestions you want the user to select from. Users can optionally select from your suggestions as well as typing it by themselves. Options can be tagged with datalist and referenced from the input element using list attribute by its id. See examples below. input[type=text] datalist For text type, datalist simply suggests list of wo

    datalist experiment
    sho
    sho 2013/04/05
    HTML5 formのdatalistサンプル集
  • 【HTML5 フォーム】formタグのinput要素に新たに追加された8つの新属性をまとめました! | HTML5でサイトをつくろう

    HTML5ではフォーム関連のユーザーインターフェースが新たに追加されたことで注目されていることから、以前の記事でinput要素に追加された新たなtype属性をご紹介しました。今回はさらにHTML5からinput要素に追加されたその他の新属性を紹介していきたいと思います。 HTML5でinput要素に追加された新属性 下記に各属性ごとの特徴をピックアップし、現状で対応しているブラウザの画面キャプチャを掲載しました。だだし、現状(※2011年10月)の対応状況になります。 また、type属性に関しては下記の記事を参照ください。 【HTML5 フォーム】formタグのinput要素に新たに追加された13のtype属性をまとめました! autofocus属性 autofocus autofocus属性を指定することで、ページロード後にフォーカスが自動で当たります。ユーザーがマウスクリックなどでフォ

    【HTML5 フォーム】formタグのinput要素に新たに追加された8つの新属性をまとめました! | HTML5でサイトをつくろう
    sho
    sho 2011/10/21
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    sho
    sho 2009/01/16
    こんなものに300近いぶくまがつくのか。暗澹たる気分になるなー
  • 申し込みフォームを使いやすくして途中であきらめる人を減らす具体的な方法論【前編】 | カスタマーエクスペリエンスで道は開ける~フォレスター・リサーチのWebサイト方法論

    [コラム]カスタマーエクスペリエンスで 道は開ける ~フォレスター・リサーチのWebサイト方法論 by ジョナサン・ブラウン フォレスター・リサーチのシニア・アナリストであるジョナサン・ブラウン氏によるウェブコラム。 主にカスタマーエクスペリエンスとマーケティングの側面から企業のビジネスをサポートしているジョナサン氏が、企業サイトにおけるユーザー志向の考え方や方法論をさまざまな切り口で解説します。 前回のコラムでは、ウェブサイトを使っているお客様がなぜ途中であきらめるのかというテーマで話しました。「ウェブサイトの欠陥」を大きくくくると、次の4つのどれかに当てはまります。 サイトのコンテンツ自体が足りない(価値の欠陥)価値のあるコンテンツが探しにくい(ナビゲーションが悪い)価値のあるコンテンツは見つかったがよくわからなかった(プレゼンテーションが悪い)サイトに信頼がなかったために使うのをやめ

    申し込みフォームを使いやすくして途中であきらめる人を減らす具体的な方法論【前編】 | カスタマーエクスペリエンスで道は開ける~フォレスター・リサーチのWebサイト方法論
  • ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips

    GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠

    ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips
  • http://www.u-works.co.jp/column54.html

    sho
    sho 2007/08/16
    音声ブラウザ向けのログインフォームのありかた
  • 第43回 入力してもらえるお客様入力フォーム:ITpro

    前回の記事で説明したように,ボタンというUI(ユーザー・インタフェース)部品だけでも,いろいろと見るべきポイントがあります。ましてや,画面をや,です。ユーザーに何かをしていただく場合には,当に様々なことを考えて設計する必要があります。今回は,アンケートや会員登録画面で,思うところをまとめてみました。ご参考になれば幸いです。 画面遷移のパターンは大きく四つ アンケートや会員登録を行う場合,大きくは四つほどのパターンに分けられると思います。【1】最初にmailアドレスを登録してもらい,そのアドレス宛に入力画面のURLを送付して入力してもらう形式。システムとしては少し複雑になりますが,有効なmailアドレスを取得できるのは,運営を考えると非常に有効です。【2】単純に一画面で完結する入力画面。【3】複数画面で進んでいく方式。そして,【4】ECモールのように予め会員登録がされている場合のアンケート

    第43回 入力してもらえるお客様入力フォーム:ITpro
    sho
    sho 2007/04/20
    名前とカナの順序の話なんかは興味深い
  • 1