質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.76%

  • HTML

    8309questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

html value属性ってなんのためにあるの?

解決済

回答 3

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 403

fj-kakeru

score 17

<p>
  このビルは<data value="14">十四</data>階建てです。
  弊社はその<data value="8"></data>階にオフィスを開設しています。
</p>


初期値を与えるという定義があるのはサイトで確認しましたが、
textboxに初期値を与えるのはわかるのですが、
上記のようなところにvalue属性を与えて、何をするのでしょうか??

<追記>-----------------------------
<p>今年で<data value="80">八十</data>歳になります。</p>
質問文に書いてある、このvalueの値は何の意味があるのですか?

また、
<input type="checkbox" name="riyu" value="1" checked="checked">面白い
このvalueの値も何のためにあるのかわかりません。

参考サイトなどはいつも調べています。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • fj-kakeru

    2018/04/25 19:13

    どちらもです。<input type="text" name="player_name" value="入力してください"> のvalueの存在意義はわかるのですが、それ以外は何のためにあるのかがわかりません。

    キャンセル

  • mts10806

    2018/04/26 09:31

    どのように解決されたのでしょうか? https://teratail.com/help/question-tips#questionTips4-2

    キャンセル

  • mts10806

    2018/04/26 09:33

    >あなたがどのアドバイスを元に、どのように解決できたのかをお礼とともに伝えましょう。・・・あなたがどのように解決したかを書き残しておくことで、あなたの質問は貴重なコンテンツ資産となります。

    キャンセル

回答 3

+4

 data要素

data要素は、value属性でコンテンツの機械可読形式に沿って、そのコンテンツを表す。

value属性が存在しなければならない。その値は、機械可読形式での要素コンテンツの表現でなければならない。

値が日付または時刻に関連する場合、より具体的なtime要素を代わりに使用できる。

要素はいくつかの目的に使用できる。

この仕様で定義されるマイクロフォーマットまたはマイクロデータ属性と組み合わせた場合、要素は、データプロセッサの目的のために機械可読な値、およびウェブブラウザーでレンダリング目的のために人間可読な値の両方を提供する役割を果たす。この場合、value属性で使用されるフォーマットは、使用中のマイクロフォーマットまたはマイクロデータ語彙によって決定される。

しかし、要素はまた、人間可読な値と一緒に格納するリテラルな値を持つ際に、ページ内でスクリプトと併せて使用される。このような場合、使用されるフォーマットは、スクリプトの要求に依存する。(data-*属性もそのような状況において有用でありうる。)

Microdata属性を辿ると、

 検索の仕方

HTML仕様の原文を当たるのが一番ですが、難しいのであれば、ググればいいと思います。

「data要素 使い方」
「data要素 用途」

先程出てきた「可読」というキーワードを組み合わせてみてもいいでしょう。

「data要素 可読」

あるいは、先程出てきた「Microdata属性」「data-*属性」について調べるのもいいでしょう。

「Microdata属性 使い方」
「Microdata属性 用途」
「data-*属性 使い方」
「data-*属性 用途」

このように、ググって見つけたキーワードで続けてググることをググるチェーンと呼ばれ…てませんが、私が勝手に命名しました。

Re: fj-kakeru さん

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/04/26 01:13 編集

    はーい

    キャンセル

+1

下記を読んで分からなければまた質問してください。

※追記・修正依頼のコメントに応じてくださらないようなので、回答にしました

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/04/25 21:30

    想定される質問者の返答「読みましたが、わかりません」
    think49の返答「"機械可読形式" とありますが、"機械" がどんなものかイメージできません」

    上記は私が質問者の立場と仮定した場合です。
    質問を具体的な内容に落とし込むところまで出来る人があまり多くない印象はあります。
    「なぜなぜ分析」的なテクニックが必要なのでしょうか。

    「なぜわからないのか?→難しいから→何が難しいのか?→用語が難しい→どの用語が難しいのか?→...」

    キャンセル

  • 2018/04/25 21:53

    そうですね。どこまで調べているのか、知っているのか分からないから
    その部分の確認が追記修正依頼で得られなかったら仕方なしにこちらが調べたものを提示する
    という形になります。
    そこで分からなかったら追加で質問が来るでしょうし、もし見ている記事なら
    「どこがどうわからないのか」を(質問者自身で)明確に掘り下げていく必要はあると思います。
    なぜなぜ分析 やらなきゃいけないと分かりつつ面倒くさがってやらない若手は非常に多いですね。
    急がば回れとはよく言ったもんです。

    今回のdataのvalueに関しては私も調べて初めて知ったものではありますが、
    読んだ感じ「特に利用しなくても差し支えない」という印象でした。

    キャンセル

  • 2018/04/25 23:45

    今まで「何が分からないのですか?」と質問したら、他の回答の陰に埋もれてスルーされてきたケースがほとんどなので、面倒くさがってやらない面は確かにあると思います。

    > 読んだ感じ「特に利用しなくても差し支えない」という印象でした。
    私もそう思う事がありますが、「私自身がその機能の事をよく知らない為に使い分けができないのかもしれない」と考える事にしています。

    キャンセル

  • 2018/04/26 05:22

    > 他の回答の陰に埋もれてスルーされてきたケースがほとんどなので

    質問者さん的には解決が最優先なので仕方はないと思います・・・。
    そういうときは「後から見たときに」と付け加えると少しだけ対応してくださる確率が上がるように思います(たまたまそういう方に出会っただけかもしれませんが)


    > 私もそう思う事がありますが、「私自身がその機能の事をよく知らない為に使い分けができないのかもしれない」と考える事にしています。

    そうですね。自分がその出番に出会わなかっただけということもありますね。

    キャンセル

  • 2018/04/26 09:02

    >質問者さん的には解決が最優先
    「解決最優先」と「解決方法最優先」の2通りいると思うのですが、ほとんどの質問者は前者ですね。
    「今解決すること」と「将来的にも解決すること」の違いと思いますが、刹那的な考えを持つ質問者が多いようです。

    > そういうときは「後から見たときに」と付け加えると少しだけ対応してくださる確率が上がる
    なるほど、次の機会に使ってみようと思います。
    アドバイスありがとうございます。

    キャンセル

  • 2018/04/26 09:06

    >刹那的な考えを持つ質問者が多いようです。
    この手の話をするとちょっと愚痴になっちゃいますね^^;
    よく前の質問を理解せずに「解決済み」とした直後に同等の内容の質問とか、よく見ます。
    どこかで書いたかもしれませんが、利用者全員が回答者側になることがこのteratailの最終目的だと私は勝手に思ってるので、ちょっとずつでも成長してもらえたら嬉しいですね。
    (私自身も時に回答に指摘を受けるので成長していかなければ・・・)

    キャンセル

checkベストアンサー

0

フォームのsubmitやbuttonのvalueに入れるとその文字が入ります。
また、phpの変数などをvalue値に埋め込むことで
テキストボックスにユーザーからの入力情報を動的に入れたりすることができます。

cf.<?=$php変数名 ?> (= <?php echo $php変数名 ?>)
※echoはphpのブラウザ出力を意味する

<form method="post" action="#">
<input type="text" name="hoge" value="<?=$fuga ?>">
<input type="submit" value="送信">
</form>

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/04/25 17:28

    質問内容は「dataタグに入れる意味」を問うており、textboxの初期値である認識はあるようなので
    質問に対する回答にはなっていないように思います。

    キャンセル

  • 2018/04/25 19:42

    回答を確認できていませんでした。
    ありがとうございます。

    <p>今年で<data value="80">八十</data>歳になります。</p>
    質問文に書いてある、このvalueの値は何の意味があるのですか?

    また、
    <input type="checkbox" name="riyu" value="1" checked="checked">面白い
    このvalueの値も何のためにあるのかわかりません。

    これはphpの変数ではないですよね?

    キャンセル

  • 2018/04/26 09:13

    To: mts10806 さん
    > 質問内容は「dataタグに入れる意味」を問うており、textboxの初期値である認識はあるようなので
    確かにそうだったのですが、質問者は2018/04/25 19:42に上のコメントを残して、「2018/04/25 19:43」にinput要素に関する質問文を追記し、本回答をベストアンサーを選びました。

    私は「あなたの回答がベストアンサーに選ばれました」の通知を見て訪れましたが、いつの間にかベストアンサーが変わって困惑しています。
    回答に合わせて質問文を変更するのは、本質的に時系列が逆だと思うのですが…。

    キャンセル

  • 2018/04/26 09:31

    2点3点しているようにも感じましたが、この質問、本当に解決してるんでしょうかね・・。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.76%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • HTML

    8309questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。