1

全て、

最近、ユーザー登録用の HTML ソースを見つけました。以下のようなフォームです。

<form action="/users" class="signup-form" data-url="/users/current" id="new_user" method="post">
    <input id="user_user_name" name="user[user_name]">
    <input id="user_password" name="user[password]">

    <input id="create-account-button" name="commit" type="submit" value="Create Account" />
</form>

私の質問は：

1) ここでの data-url とはどういう意味ですか? 2) 入力フィールド名を user[user_name], user[password] このような形式にするのはなぜですか? 'user_name' と 'password' のように名前を入力するのを簡単にすべきではありませんか? つまり、これはデータ モデルのユーザーに関連している必要があるため、この方法で名前を付けると、サーバーの処理に適しています。

これが新しい HTML 機能なのか jQuery 機能なのか、誰か教えてもらえますか? 私はオンラインでたくさんの検索を行いましたが、答えを見つけることができませんでした。この新しい HTML 形式の送信に関するリンクまたはチュートリアルを教えてください。

どうもありがとう。サム

4

5 に答える 5

4

  • data-*属性は HTML5 の一部です。それらが何を意味するかを決定するのは実装者次第です。

  • 属性の形式nameも任意です。それを処理するのはサーバー側のフレームワーク次第です。

于 2013-05-23T19:33:01.380 に答える
3

これは HTML5 仕様の新機能です。これは、カスタム属性をタグに追加し、ドキュメントが引き続き検証に合格するようにする方法です。

http://html5doctor.com/html5-custom-data-attributes/

于 2013-05-23T19:34:36.060 に答える
0

ページ上での動きが速くなるようです。

ここに私が見つけたリンクがあります：

http://www.shawnmclean.com/blog/2011/02/how-can-html5-data-attributes-data-helps-efficiency/

于 2013-05-23T19:41:26.563 に答える
0

多くの場合、ページには、クライアント側アプリケーションによって処理されることを意図した追加のメタ情報が含まれています。このデータには、アプリケーションの作成者が意図した意味以外の特別な意味はありません。

HTML の以前のバージョンでは、ページ作成者は任意の属性名を使用してこれらの属性を渡していました。これは、ページバリデーターに問題を引き起こす可能性があります。

HTML5 では、W3Cdata-XXXは名前空間として属性を導入し、適切な要素属性と衝突する危険を冒さずにこのデータを渡すことができるようにしました。

このような値は、(準拠しているブラウザーで)el.datasetプロパティを介してアクセスできます。

于 2013-05-23T19:35:59.100 に答える