a标签取input便签的值
时间: 2023-09-14 21:14:06 浏览: 84
在HTML中,`<a>`标签是用于创建超链接的标签,而`<input>`标签则是用于创建用户输入控件的标签。因此,`<a>`标签通常不会直接取`<input>`标签的值。
如果您想要在用户点击超链接时获取某个输入控件的值,可以使用JavaScript来实现。例如,假设您有以下HTML代码:
```
<input type="text" id="myInput">
<a href="#" id="myLink">Click me</a>
```
您可以使用以下JavaScript代码来实现在点击`<a>`标签时获取`<input>`标签的值:
```
document.getElementById("myLink").addEventListener("click", function(event) {
event.preventDefault(); // 阻止默认行为
var inputValue = document.getElementById("myInput").value;
// 在这里使用inputValue做其他操作
});
```
在上面的代码中,我们使用`addEventListener`方法来监听`<a>`标签的`click`事件。在事件处理程序中,我们首先调用`event.preventDefault()`方法来阻止默认行为(即在点击超链接时跳转到新页面)。然后,我们使用`document.getElementById("myInput").value`来获取`<input>`标签的值,并将其存储在`inputValue`变量中。最后,您可以在事件处理程序中使用`inputValue`来进行其他操作。
阅读全文