在PHP/HTML中拥有多个搜索输入/值可以通过以下几种方式实现:
示例代码:
<form action="search.php" method="GET">
<input type="text" name="search1" placeholder="搜索条件1">
<input type="text" name="search2" placeholder="搜索条件2">
<input type="submit" value="搜索">
</form>
在上述示例中,表单的action
属性指定了提交表单时要调用的服务器端脚本(例如search.php),method
属性指定了使用GET方法提交表单。每个输入字段都有一个唯一的name
属性,用于在服务器端获取用户输入的值。
示例代码:
<form action="search.php" method="GET" id="searchForm">
<div id="searchInputs">
<input type="text" name="search1" placeholder="搜索条件1">
</div>
<input type="button" value="添加搜索条件" onclick="addSearchInput()">
<input type="submit" value="搜索">
</form>
<script>
function addSearchInput() {
var searchInputs = document.getElementById("searchInputs");
var newInput = document.createElement("input");
newInput.type = "text";
newInput.name = "search" + (searchInputs.childElementCount + 1);
newInput.placeholder = "搜索条件" + (searchInputs.childElementCount + 1);
searchInputs.appendChild(newInput);
}
</script>
在上述示例中,通过点击"添加搜索条件"按钮,会调用addSearchInput()
函数动态添加新的输入字段。每个新的输入字段都有一个唯一的name
属性,用于在服务器端获取用户输入的值。
无论是使用表单元素还是JavaScript动态添加输入字段,服务器端的PHP代码可以通过$_GET
或$_POST
超全局变量来获取用户输入的值。例如,使用$_GET['search1']
来获取名为"search1"的输入字段的值。
这里推荐腾讯云的产品:腾讯云云服务器(CVM),提供稳定可靠的云服务器实例,适用于各类应用场景。详情请参考腾讯云云服务器产品介绍:腾讯云云服务器。
领取专属 10元无门槛券
手把手带您无忧上云