2021年3月27日解決済み

HTML の input とフォーム部品の input はお互いに干渉しませんか？

ユーザー

こんにちは。
HTMLにinputがあり、フォーム部品でもinputを使用する場合、お互いに影響が出ることはあるのでしょうか。
ちなみに自分でもHTML欄の<textarea></textarea>を<input type="text">に変更し、querySelector('input')として試してみましたが、特に操作に影響はありませんでした。
これはHTMLのinputとフォーム部品のinputとは明確に区別されているという理解で大丈夫でしょうか。

index.html
<!DOCTYPE html>
<html>
<html lang="ja">
<head>
  <META charset="UTF-8">
    <title>index.html</title>

</head>
<body>
  <input type="text">
  <script src="js/main.js"></script>  
</body>
</html>

main.js
const text = document.querySelector('input');
text.addEventListener('input', ()=>{
    console.log(text.value.length);
   });

スタッフ

ドットインストールは、3分動画でマスターできるプログラミング学習サービスです。

3分で気軽に学習でき、スマートフォンからも視聴可能です。ホームページやWebサービスの制作を通して、実践的にプログラミングを学べます。

他にも、ゲーム制作やデータ分析・機械学習・AIに使われる言語まで幅広くカバー。学びたい分野のレッスンがきっと見つかります。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは？

関連する質問と回答

このレッスンの質問と回答 (5)

text.value.length の value は何をしているのでしょうか？
focus, blur, input, change では、e => は使わないのですか？
HTML の input とフォーム部品の input はお互いに干渉しませんか？
クオーテーションが付くのはどういう場合ですか？
inputとchangeの違いは？

Copyright © 2011-2026 dotinstall.com. All Rights Reserved.