ホームページ >ウェブフロントエンド >htmlチュートリアル >入力の id 属性と name 属性の具体的な違いは何ですか? (例)

入力の id 属性と name 属性の具体的な違いは何ですか? (例)

藏色散人
藏色散人オリジナル
2018-08-13 13:56:345403ブラウズ

この記事ではHTMLのinputタグのname属性とid属性の違いを中心に紹介します。混乱している初心者の参考になれば幸いです。ここではinputタグとは何かについて簡単に紹介します。 タグは、ユーザーがデータを入力できる入力フィールドを指定します。さまざまなタイプ属性に従って、入力フィールドには複数のフォームがあります。入力フィールドには、テキスト フィールド、チェックボックス、パスワード フィールド、ラジオ ボタン、入力ボタンなどがあります。

入力コードの使用例は次のとおりです:

<!DOCTYPE HTML>
<html lang="en">
<head>
    <title></title>
    <meta charset="UTF-8">
    <style type="text/css">
    </style>
</head>
<body>
<form action="demo_form.asp" method="get">
    第一个名字: <input type="text" name="fname" id="f1"/><br />
    第二个名字: <input type="text" name="lname" id="f2"/><br />
    <input type="submit" value="提交" />
</form>
</body>
</html>

レンダリングは次のとおりです:

入力の id 属性と name 属性の具体的な違いは何ですか? (例)

inputname 属性と inputid 属性、

1 の input タグの name 属性に注目してください。入力要素の名前を指定します。サーバーに送信されたフォーム データを識別するため、またはクライアント上の JavaScript を介してフォーム データを参照するために使用されます。 name 属性が設定されているフォーム要素のみが、フォームの送信時に値を渡すことができます。

2. HTML における ID の役割は、ユニット (要素、タグ) に一意の識別子またはタグを与え、Web ページを分析および処理するときにブラウザーが ID の場所を見つけられるようにすることです。また、大文字と小文字の区別などの識別要件を満たしている必要があります。アンダースコアを含めないことが最善です (CSS と互換性がありません)

id は通常、css および js での参照に使用され、名前はフォームの送信に使用され、ラベル要素のみが使用されますname 属性を追加するとサーバーに送信されます。

上記は、この記事での入力における name 属性と id の違いについての紹介であり、困っている友人に役立つことを願っています。

【おすすめ関連記事】

PHPのinputの属性

の使い方は? 使用例まとめ

HTMLの入力ボックスのpattern属性の解析

HTML5のinputタグ(type属性)の詳しい紹介





以上が入力の id 属性と name 属性の具体的な違いは何ですか? (例)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。