- Objective: - Breadcrumb: # 概念阐释 ## 语义 通过`.value`来获取用户填写的信息。 ## 语法 ```js .value ``` # 实例 ### 通过 id 获取 当点击register按钮,用户在input中输入的内容将会传入到p标签内: ```html <input id="usernameInput" type="text" placeholder="Username"> <button onclick="register()"> register </button> <p> </p> ``` ```js let register() => { let el = document.getElementById("usernameInput").value; let p = document.querySelector("p"); p.innerHTML= el+", you're signed up!"; } //结果:harry,you're signed up! ``` ### 通过type获取 ```js function handleSubmit(e) { const enteredPassword = e.target.querySelector( 'input[type="password"]').value; //获取 input标签且 type 等于 password 的标签 const auth = enteredPassword == password;//当用户输入的值等于变量 password setAuthorized(auth)// 将 auth 作为参数传递给 setAuthorized } ``` # 相关内容 # 参考资料