使用Javascript/jQuery的type="search"提交输入的方法如下:
<input type="search" id="searchInput">
keypress
事件或submit
事件来实现。$(document).ready(function() {
$('#searchInput').keypress(function(event) {
if (event.which === 13) { // 按下回车键
event.preventDefault(); // 阻止默认的提交行为
submitSearch();
}
});
});
function submitSearch() {
var searchTerm = $('#searchInput').val();
// 执行搜索操作,可以发送Ajax请求或执行其他逻辑
console.log('搜索关键词:' + searchTerm);
}
在上述代码中,我们使用了keypress
事件来监听输入框的按键事件。当按下回车键(键码为13)时,阻止默认的提交行为,并调用submitSearch()
函数来执行搜索操作。
submitSearch()
函数中,可以获取输入框的值(搜索关键词),然后执行相应的搜索操作。这里只是简单地将搜索关键词打印到控制台,你可以根据实际需求进行相应的处理。这是一个简单的使用Javascript/jQuery的type="search"提交输入的示例。根据具体的应用场景,你可以根据需要进行相应的扩展和优化。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)、腾讯云对象存储(COS)、腾讯云云数据库 MySQL(CDB for MySQL)等。
腾讯云产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云