よろしくお願いします。
inputタグ内にあるid属性の意味を ふと、「なんだろう?」と思いました。id属性の意味をど忘れしているのかもしれませんが、
質問させていただきます。具体的には、
<input name="loginid" type="text" value="{{$loginid}}" id="loginid" maxlength="30">
にあります、 id="loginid" の意味です。
そもそもid属性はスタイルシートなどで使用するケースは多いと思うのですが、現在PHPの学習中でして、上記のid属性を疑問に思いました。
ちなみにPHPは書籍にて学習中です。
書籍内には、このid属性を使用する意味までかかれていなく・・・
つまり、基本的なことなので、補足の記述がないのだと思います。
お手数をおかけしますが、
id属性の使用目的と、今一度、id属性の意味をご教授下さいませ。
No.3ベストアンサー
- 回答日時:
PHPで使うことはありませんが、
テンプレートエンジンの種類によっては(たとえばXSLTとか)、データの識別に使うと思います。
PHPにはHTMLの説明はほとんど無いでしょうね。
数学の微分積分の参考書にかけ算の計算の仕方や方程式を説明してないのと同じだと思います。
HTMLはHTMLとして勉強する方がいいと思います。
HTMLでid属性が使えるのは以下の3種類だけで、
それ以外はCSSかJavaScriptで使うだけだと思います。
・<a href="#hash">のジャンプ先に指定
・<label for="element-ID">の参照先に指定
・<object id="obj-ID">としてデータバインド
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401 …
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401 …
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401 …
<p><a href="replyform">回答フォームへスクロール</a></p>
<div id="replyform">
<h3>回答フォーム</h3>
<form>
<fieldset><legend>回答の種類</legend>
<label for="advice"><input type="radio" name="source" id="advice" value="1">アドバイス</label>
<label for="reply"><input type="radio" name="source" id="reply" value="2">回答</label>
<label for="complement"><input type="radio" name="source" id="complement" value="3">補足要求</label>
</fieldset>
</form>
</div>
データバインドをサポートしているのはIEだけだと思います。
別の質問に出てきた参考サイトですが、このページが非常に詳しく、わかりやすいと思います。
http://www.makoto3.net/document/databind/databin …
参考URL:http://www.tohoho-web.com/html/index.htm
詳しい回答有難うございます。
「データーバインド」という言葉をはじめて聞きました。
色々研究させていただきます。
ありがとうございました。
No.2
- 回答日時:
idの使用法
* スタイルシートで使用
* リンクのアンカーで使用
* Javascriptで使用
* 単に要素に名前を付けただけ
かな
No.1
- 回答日時:
PHPからidを参照することはまずないのでPHP的には気にしないで結構です。
CSSでの装飾、Javascriptからの操作などがおもな使用用途となります
なるほど、有難うございます。
気にしないでおきます。ただ、
質問にありますid属性が使われたコードは、
PHPのSmartyを使用した、テンプレートファイルですので、
value="{{&loginid}}"の部分以外は、HTMLのコードとしてブラウザは理解します。ですので。。。スタイルシートのidなのかなと疑いましたが、
読み込んでるスタイルシート(書籍に付属のCD内にあるファイル)をチェックしても、
やはりid="loginid"のスタイルはみあたりません。
ま、いつか解決できると思って。ほおっておきます。
有難うございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript javascriptで入力フォームが空欄の時にアラートによるエラーを出すコードを書いています。 2 2023/06/13 17:58
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
WEBページを強制的に横画面で見...
-
テーブルタグのセルの幅の一部...
-
ウェブサイトにアップされてい...
-
css初心者 フレックスボックス...
-
HTMLで画像をポップアップで表...
-
メモ帳の段落の揃え方
-
角丸画像の背景色を透明にした...
-
HTMLタグのあるCSVファイルを利...
-
HTML入門でもう躓いてしまった。
-
初心者html・CSS ウィンドウを...
-
cssの display: flex;で横並び...
-
静止画画像をクリックすると音...
-
スマホで、左右にスワイプして...
-
iPhoneで HTMLファイルを閲覧
-
スマホでHTMLファイルを開いて...
-
疑似要素で背景画像に指定したS...
-
HTML、cssのatomつぅー...
-
webデザインの勉強で、HTML/CSS...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ドラッグ & ドロップでのド...
-
Javascriptを使ってQRコード読...
-
JavaScriptでtabindexの変更っ...
-
SQLのmaxで求めた値を変数に代...
-
<input>のvalue値をプルダウン...
-
Selenium Basicの件
-
struts selectbox optionsColle...
-
javascriptの計算結果をvalue=""に
-
パソコンで動くjavascriptがス...
-
リスニング問題のプログラミン...
-
【お問い合わせフォーム】プル...
-
メールを送信するボタンでOutlo...
-
IndexedDB を使ってファイルア...
-
サイト内のデータを絞り込んで...
-
jquery.csv2table.jsに検索窓
-
WebbrowserよりHTMLのValue値を...
-
inputタグ内にあるid属性の意味?
-
複数対応できるチェックボック...
-
Doctrineのjoinについて
-
チェックボックスで得た複数回...
おすすめ情報