入力タグの名前と値の違い

type はブラウザでの入力と出力に使用されるコントロールです (たとえば、type="text" はテキストボックスを意味し、type="button" はボタンを意味します)
typeのオプション値は次のとおりです。
ボタン
チェックボックスチェックボタンコンポーネント
ファイルファイルアップロードコンポーネント
非表示の非表示フィールド
画像画像エリア
パスワードパスワード入力テキストボックス
ラジオボタンコンポーネント
リセットフォームボタンをリセット
送信フォーム送信ボタン
テキストテキスト入力ボックス
******************************************************************************************
id は一意の識別子であり、重複する値は許可されません (データテーブルの主キー pk と同様)。その値を使用して、対応する HTML タグオブジェクトを取得できます。（同じページコード内に重複したIDが存在する場合、予期しないエラーが発生します）
js コード: document.getElementById("id_value")
指定された ID のオブジェクト参照を取得します。
******************************************************************************************
name と id の機能は同じで、HTML タグを識別するためにも使用されますが、唯一の違いは name では値の繰り返しが許可されることです。
jsコード: document.forms[0].name または document.getElementsByName("name")
指定された名前に従ってオブジェクト参照配列を取得します。
******************************************************************************************
value は特定の HTML タグの値を表します。例: <input type="text" name="seq" value="hello!" id="seq007" />
Web ページのテキストボックスの内容が「hello!」になっていることがわかります。
///////////////////////////////////////////////////////////////////////
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<ヘッド>
<meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=iso-8859-1" />
<title>無題のドキュメント</title>
<スクリプト>

</スクリプト>
</head>
<本文>
<フォーム>
<input type="text" name="seq" value="" id="seq001" />
<input type="text" name="seq" value="" id="seq002" />
<input type="text" name="seq" value="" id="seq003" />
</フォーム>
</本文>
</html>
///////////////////////////////////////////////////////////////////////
document.getElementById("seq001") は、id=seq001 のオブジェクトタグへの参照を取得します。
ドキュメント.フォーム[0].seq
ウェブページの最初のフォームで name=seq を持つすべてのタグオブジェクトへの参照の配列を返します。
document.getElementsByName("seq")
ウェブページ内のname=seqを持つすべてのタグオブジェクトへの参照の配列を返します。

<<: MySQLの7種類のログの概要

>>: 図を使ってWeb2.0とは何かを説明する