
使用HTML中的onsearch属性,在用户在搜索框中输入并按下ENTER或x键时执行脚本。
示例
您可以尝试运行以下代码来实现onsearch属性 −
<!DOCTYPE html>
<html>
<body>
<p>Search something and press ENTER.</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/ai/875" title="百度GBI"><img
src="https://img.php.cn/upload/ai_manual/001/503/042/68b6d54b42fe6818.png" alt="百度GBI" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/ai/875" title="百度GBI">百度GBI</a>
<p>百度GBI-你的大模型商业分析助手</p>
</div>
<a href="/ai/875" title="百度GBI" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div>
<input type = "search" id="inputID" onsearch = "display()">
<p><strong>Note:</strong> It won' work in Internet Explorer and Firefox.</p>
<p id="test"></p>
<script>
function display() {
var a = document.getElementById("inputID");
document.getElementById("test").innerHTML = "Searched for - " + a.value;
}
</script>
</body>
</html>










