要让一个按钮(输入)只对HTML中的一个文本框起作用,可以通过JavaScript来实现。以下是一个简单的示例,展示了如何实现这一功能。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Button and Textbox Interaction</title>
</head>
<body>
<input type="text" id="myTextbox" placeholder="Enter text here">
<button id="myButton">Click Me</button>
<script src="script.js"></script>
</body>
</html>
document.getElementById('myButton').addEventListener('click', function() {
var textbox = document.getElementById('myTextbox');
var text = textbox.value;
alert('You entered: ' + text);
});
<input type="text" id="myTextbox">
)和一个按钮(<button id="myButton">Click Me</button>
)。<script src="script.js"></script>
)。document.getElementById
获取按钮和文本框的元素。addEventListener('click', function() {...})
)。textbox.value
),并弹出一个警告框显示该值。通过这种方式,你可以确保按钮只对特定的文本框起作用,并且可以根据需要扩展功能。
领取专属 10元无门槛券
手把手带您无忧上云