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

图0先把这三个元素做成html,输入框,标签label,按钮,用换行符br分成单行。图1第二,dom操作,获取元素对象。这里,我使用querySelector来获取对象。对dom不太了解的同学可以看我的文章

本文最后更新时间:  2023-02-23 05:03:52

图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>

温馨提示:内容均由网友自行发布提供,仅用于学习交流,如有版权问题,请联系我们。