<input>の要素、特に名前とIDの解釈に問題があります。

Question

まだ初心者ですが、HTMLを読み理解する方法はまだ学んでいます。ウェブサイトでのログインフォーム内：

<form action="https://examplesite.jp/user.php" name="loginform" method="post"> 

<ul class="form"> 
<li class="title">E-MAIL ADDRESS</li> 
<li class="text"><input type="text" name="uname" 
id="legacy_xoopsform_block_uname" size="18" maxlength="60" value=""/> 
</li> 

<li class="title">PASSWORD</li> 
<li class="pass"> 

<input type="password" name="pass" id="legacy_xoopsform_block_pass" 
size="18" maxlength="12"/> 

私は理解していない部分が上からこの部分です：

<input type="password" name="pass" id="legacy_xoopsform_block_pass" 
size="18" maxlength="12"/> 

私は<input type="password" name="pass" />部分まで理解して、それの後に、それは、id="legacy_xoopsform_block_pass"を使用していない、特にどのように。

このコードをどのように理解しているかは、https：/examplesite.jp/user.php（オンラインフォームを使用）に送信される入力のタイプが「パスワード」で、その名前が「パス」ですが、 "id"？特に電子メールはIDとして動作しますか？

私はDifference between id and name attributes in HTMLを読んで、本当に理解していない...

Answer 1

ID属性は任意のサーバー側の機能に使用されていない、それはスタイリングのために過ぎない（無分別）またはより一般的にあまりにもJavaScriptの機能をフックするために使用。だから、

たとえば、あなたがCSSで要素をスタイルするためにそれを使用することができます。

#legacy_xoopsform_block_uname { 
    background-color: black; 
} 

それとも、JavaScriptでものを行うためにそれを使用することができます。

$('#legacy_xoopsform_block_uname').on('click', function(){ 
    alert('the input field has just been clicked); 
}); 

ものは2つだけですあなたがIDを使用する状況は、私は最初のオプションを示唆していませんが、私はそのためにクラスを使用します。

上記の2つのうちのいずれかを実行していない場合は、本質的に不要であり、安全に取り除くことができます。

Answer 2

はSOへようこそ。あなたの親友、Google検索を使用してください！

CSSでは、クラスセレクタは、フルストップ（ "。"）で始まる名前で、IDセレクタはハッシュ文字（ "＃"）で始まる名前です。 IDとクラスの違いは、1つの要素を識別するためにIDを使用できますが、クラスを使用して複数の要素を識別できることです。

Source

Answer 3

name属性値は、クエリパラメータの名前です。これは、フォームと共にサーバーに送信されるデータフィールドの名前です。 idは、HTML要素の一意の識別子です。有効なHTMLには、同じidの要素がいくつかありません。したがって、id attributeはHTML要素の識別に使用されますが、name attributeはHTTP要求のデータフィールド識別に使用されます。