<input style="border:1px solid #322f2f;" type="text" placeholder="请输入搜索关键词">获取input值
时间: 2023-07-03 17:31:21 浏览: 103
可以使用JavaScript获取input的值,可以通过以下代码实现:
```javascript
var inputVal = document.querySelector('input').value;
console.log(inputVal);
```
这段代码会获取页面上第一个input元素的值,并将其打印到控制台上。如果页面上有多个input元素,可以根据需要使用不同的选择器来获取。
相关问题
optionList = `<span style="margin-left:1vh;">对象类型:</span><select style="margin-right:1vh;">` + optionList + `</select>对象名称:<input type="text" style="border:1px solid #322f2f;" placeholder="请输入搜索关键词"><button>搜索</button>`中input删除键不能使用
这个问题的原因可能是因为你没有为input标签添加name属性,或者name属性值为空。请确保你的input标签有正确的name属性,例如:name="search",这样就可以使用删除键了。另外,你也可以使用JavaScript代码来实现删除键的功能,例如:给input标签添加onkeydown事件,当按下backspace键时,执行删除操作。
optionList = <span style="margin-left:1vh;">对象类型:</span><select style="margin-right:1vh;"> + optionList + </select>对象名称:<input type="text" style="border:1px solid #322f2f;" placeholder="请输入搜索关键词"><button>搜索</button>中给input标签添加onkeydown事件,当按下backspace键时,执行删除操作。
好的,你可以在input标签中添加onkeydown事件,当按下backspace键时,执行删除操作,代码如下:
```
<input type="text" style="border:1px solid #322f2f;" placeholder="请输入搜索关键词" name="search" onkeydown="if(event.keyCode==8){document.getElementsByName('search')[0].value=''}">
```
这样,当用户在input标签中按下backspace键时,会触发onkeydown事件,判断keyCode是否等于8(backspace键的keyCode是8),如果是,则将input标签的value值设置为空,实现删除效果。
阅读全文