html里label标签 html中label标签的用法

铁石心肠• 2024-09-21 00:39:29• 百科知识•阅读 582

图0先把这三个元素做成html，输入框，标签label，按钮，用换行符br分成单行。图1第二，dom操作，获取元素对象。这里，我使用querySelector来获取对象。对dom不太了解的同学可以看我的文章【303】。图2第三，增加按钮点击功能。图3<!DOCTYPE html><html lang="en">...

图0

先把这三个元素做成html，输入框，标签label，按钮，用换行符br分成单行。

图1

第二，dom操作，获取元素对象。这里，我使用querySelector来获取对象。对dom不太了解的同学可以看我的文章【303】。

图2

第三，增加按钮点击功能。

图3

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input type="text" > <br> <label ></label> <br> <button >按钮</button> <script> var elebt1 = document.querySelector("#bt1"); var elelabel1 = document.querySelector("#label1"); var eleinput1 = document.querySelector("#input1"); elebt1.onclick = function () { elelabel1.innerText = "您好，" + eleinput1.value; } </script></body></html>

本文来自铁石心肠投稿，不代表舒华文档立场，如若转载，请注明出处：https://www.chinashuhua.cn/24/489150.html