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

2021年3月26日
ユーザー

こんにちは。
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);
   });

この回答を見るにはプレミアムサービスへの登録が必要です

プレミアムサービスとは?