【手机UI】搜索输入框，呼出软键盘时右下角为搜索按钮，并使用js发送请求

最新推荐文章于 2024-08-02 10:14:06 发布

snow_finland

最新推荐文章于 2024-08-02 10:14:06 发布

阅读量4k

点赞数 1

分类专栏： javascript html 文章标签： HTML javascript 软键盘搜索

本文链接：https://blog.csdn.net/snow_finland/article/details/70284181

版权

本文介绍了如何在手机UI中设置搜索输入框，当呼出软键盘且右下角显示搜索按钮时，通过JavaScript发送请求。步骤包括使用form表单，设置action为空并添加enctype='application/json'，利用onsubmit事件，以及添加return false防止页面自动刷新。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head>
<title>搜索</title>
<meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
</head>

<body>
	<form action="" method="get" id="J_search_artical" enctype='application/json'>
		<input type="search" id="J_search_content" placeholder="搜索" />
	</form>
</body>
<script>
window.onload = function(){
	document.getElementById("J_search_artical").onsubmit = function () {
		var title = document.getElementById("J_search_content").value;
		alert('title:'