- 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
}
```
# 相关内容
# 参考资料