Movatterモバイル変換


[0]ホーム

URL:


はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマーク
  • 暮らし
  • HTML5で進化したフォーム機能 ここが違う!サンプルで見るHTML5(5)
  • Twitterでシェア
  • Facebookでシェア

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

998usersがブックマークコメント80

    ガイドラインをご確認の上、良識あるコメントにご協力ください

    0/0
    入力したタグを追加

    現在プライベートモードです設定を変更する

    おすすめタグタグについて

      よく使うタグ

        HTML5で進化したフォーム機能 ここが違う!サンプルで見るHTML5(5)

        998 userscodezine.jp

        ガイドラインをご確認の上、良識あるコメントにご協力ください

        0/0
        入力したタグを追加

        現在プライベートモードです設定を変更する

        おすすめタグタグについて

          よく使うタグ

            はてなブックマーク

            はてなブックマークで
            関心をシェアしよう

            みんなの興味と感想が集まることで
            新しい発見や、深堀りがもっと楽しく

            ユーザー登録

            アカウントをお持ちの方はログインページ

            記事へのコメント80

            • 注目コメント
            • 新着コメント
            vitaminsii
            html5になりフォームのタグ、属性の機能がかなり変更になった。

            その他
            yuppism
            HTML5で強化されたフォーム機能を分かりやすく解説してあります。

              その他
              sw_lucchini
              フォーム機能まとめ

              その他
              homihoo
              分かりやすい!

              その他
              mawmaw
              スマホ向けの使用かなぁ

                その他
                xrekkusu
                すごい・・・

                その他
                sugibanayu
                Html5

                  その他
                  pivotdgdg
                  フォームコントロール便利っす!

                  その他
                  s-feng
                  form

                  その他
                  ino-agile
                  フォームコントロールが充実したんですね。IEも早くHTML5に対応してほしいです。

                  その他
                  diveintounlimit
                  で、無難な範囲っていうとdatalist, required, pattern, placeholder, autofocusとか属性周りだけという。あとはライブラリ頼み。

                  その他
                  site159
                  form部分の解説

                  その他
                  BRITAN
                  IEなんとかならんのかよ…

                  その他
                  nwtrak
                  あとで

                    その他
                    version510
                    HTML5のフォームについて、対応ブラウザ、挙動のスクリーンショットを載せて丁寧に解説

                    その他
                    atomoharu
                    日時とかメアドとか必須項目とか正規表現でのパターンの指定とか。HTMLだけでできるのが凄いね。JSFのカスタムタグでやっていた頃が懐かしい。

                      その他
                      masamiana
                      HTML5

                        その他
                        anoncom
                        JSやCSSを駆使して作ってきたUIをブラウザ側が担ってくれるのはすごく便利だし作りやすい。ただHTML5対応ブラウザがまだまだ普及していない今は、結局しばらくHTML4で作り続けていかなきゃいけない…

                        その他
                        nakakoh
                        でも集客を考えるとなかなか使う機会がないんだよなぁ。

                        その他
                        blueribbon
                        検索(type="search") 電話番号(type="tel") URL(type="url") メールアドレス(type="email") 日時 数値(type="number") 数値の範囲(type="range") 色(type="color") サジェスト(datalist要素) required属性 pattern属性 プレースホルダー

                        その他
                        XIAORING
                        form

                        その他
                        c430c
                        うーん。勉強せねば!

                        その他
                        hseknm
                        HTML5

                          その他
                          Gesaku_G
                          すげえなあ 検索窓に・・・えっ カレンダーコントロールも!?ほへー / HTML5で進化したフォーム機能 ここが違う!サンプルで見るHTML5(5):CodeZine

                            その他
                            kuwalab
                            HTML5のフォーム機能の違い。分かりやすい。

                            その他
                            japanrock
                            range,colorといった新機能。革命だなぁ。

                              その他
                              mi3papa
                              うそーこれはちょっと試したくなる。

                                その他
                                Kakasi_Neko
                                すごいな

                                  その他
                                  So-King
                                  最近HTML5に関するブクマが多い。

                                  その他
                                  gonta02
                                  HTML5で進化したフォーム機能

                                  その他

                                  注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

                                  リンクを埋め込む

                                  以下のコードをコピーしてサイトに埋め込むことができます

                                  プレビュー
                                  アプリのスクリーンショット
                                  いまの話題をアプリでチェック!
                                  • バナー広告なし
                                  • ミュート機能あり
                                  • ダークモード搭載
                                  アプリをダウンロード

                                  関連記事

                                    usersに達しました!

                                    さんが1番目にブックマークした記事「HTML5で進化したフ...」が注目されています。

                                    気持ちをシェアしよう

                                    ツイートする

                                    HTML5で進化したフォーム機能 ここが違う!サンプルで見るHTML5(5)

                                    はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、こ...はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 過去の連載も読む 第1回:HTML5が注目を浴びる理由とは? 第2回:HTML4から変化したHTML5のマークアップ 第3回:HTML5で再定義された要素と属性 第4回:HTML5で実現できるマルチメディア系機能 新たに導入されたフォームコントロール これまでウェブにおける入力フォームコントロールは、非常に限られたものしかありませんでした。皆さんがよくご存じのテキスト(パスワード)入力フィールド、ラジオボタン、チェックボックス、セレクトメニュー、テキストエリア、ファイル選択です。お問い合わせフォームであれば、ほとんどのシーンで十分といえるでしょうが、ウェブアプリケーションにおいては、不足してい

                                    ブックマークしたユーザー

                                    • PUTTYO2015/12/27PUTTYO
                                    • KenArai2015/12/27KenArai
                                    • netamix2015/12/27netamix
                                    • satoshi-uchiki2015/12/27satoshi-uchiki
                                    • ttt3932015/12/27ttt393
                                    • blaxland3172015/12/01blaxland317
                                    • ucchie_cos2013/09/04ucchie_cos
                                    • rock5112013/06/17rock511
                                    • ponki_82012/08/19ponki_8
                                    • ms09242012/08/13ms0924
                                    • vitaminsii2012/04/15vitaminsii
                                    • fukudamasa092012/03/21fukudamasa09
                                    • kei-01232012/03/12kei-0123
                                    • yuppism2012/02/21yuppism
                                    • sw_lucchini2012/02/15sw_lucchini
                                    • navetteeer2012/01/16navetteeer
                                    • ki_sz2012/01/07ki_sz
                                    • zardoz_divine2011/12/22zardoz_divine
                                    すべてのユーザーの
                                    詳細を表示します

                                    ブックマークしたすべてのユーザー

                                    同じサイトの新着

                                    同じサイトの新着をもっと読む

                                    いま人気の記事

                                    いま人気の記事をもっと読む

                                    いま人気の記事 - 暮らし

                                    いま人気の記事 - 暮らしをもっと読む

                                    新着記事 - 暮らし

                                    新着記事 - 暮らしをもっと読む

                                    同時期にブックマークされた記事

                                    いま人気の記事 - 企業メディア

                                    企業メディアをもっと読む

                                    はてなブックマーク

                                    公式Twitter

                                    はてなのサービス

                                    • App Storeからダウンロード
                                    • Google Playで手に入れよう
                                    Copyright © 2005-2025Hatena. All Rights Reserved.
                                    設定を変更しましたx

                                    [8]ページ先頭

                                    ©2009-2025 Movatter.jp