<form action="search.PHP" method="GET">
<input type="text" name="search" placeholder="请输入搜索关键字">
<input type="submit" value="搜索">
</form>
这段代码将会生成一个带有输入框和“搜索”按钮的搜索框。其中,form标签的action属性表示用户在搜索后将要执行的动作,而method属性则指定了HTTP请求的方式,这里使用的是GET方法。
input标签的type属性设置为text,表示这个输入框用于文本输入。name属性用于指定提交时数据发送的name值,后续需要使用这个name来获取提交的值。placeholder属性用于在输入框中显示提示信息,提示用户输入搜索关键字。
在搜索框中添加按钮可以让用户更方便地进行搜索。input标签的type属性设置为submit表示这个按钮是一个提交按钮。value属性则设置了按钮的默认显示文本。
当用户填写好搜索内容后,点击搜索按钮就会将搜索关键字提交至search.PHP页面中进行处理。
除了这个基本的搜索框代码,还可以通过CSS代码来美化搜索框的样式,让搜索框更符合网站的整体风格,提升用户体验。通过HTML中的搜索框代码,可以轻松构建出一个功能强大且美观的搜索框,以便于用户检索需要的内容。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。