gpt4 book ai didi

html - 如何创建带有下拉菜单的html字段

转载 作者:行者123 更新时间:2023-11-28 04:28:09 25 4
gpt4 key购买 nike

谁能告诉我如何创建一个 HTML 字段,并在字段末尾附加一个下拉菜单,如下图所示:click here to see an example image

我正在积极寻求您的帮助。谢谢

我试过的代码:

    <form action = "Controller" method = "GET" class="form-wrapper">

<input type = "hidden" name="command" value="search"/>

<input type="text" name="search" placeholder="Search for..." required class="form-control">
<input type="submit" value="go" id="submit" class = "btn btn-primary btn-sm">

<div style="float: left;">

<a href="javascript:showhide('uniquename')" style="margin-left: 2px;"> search criteria </a>

<div id="uniquename" style="display: none; float: center;">
<select name="choice">
<option>Document</option>
<option>Author</option>
<option>Writer</option>
<option>Contributor</option>
</select>
</div>

</div>

</form>

结果:enter image description here

最佳答案

你可以试试这个

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>Create a Drop Down Menu with Search Box in CSS3 and HTML</title>
<link href="https://designmodo.com/demo/dropdown-menu-search/flatnav.css" rel="stylesheet">
<meta name="robots" content="noindex,follow" />
</head>
<body>
<ul class="nav">

<li id="search">
<form action="" method="get">
<input type="text" name="search_text" id="search_text" placeholder="Search"/>
<input type="button" name="search_button" id="search_button"></a>
</form>
</li>
<li id="options">
<a href="#">Options</a>
<ul class="subnav">
<li><a href="#">Document</a></li>
<li><a href="#">Author</a></li>
<li><a href="#">Writer</a></li>
<li><a href="#">Contributor</a></li>
</ul>
</li>
</ul>

<script src="https://designmodo.com/demo/dropdown-menu-search/prefixfree-1.0.7.js" type="text/javascript"></script>
</body>
</html>

关于html - 如何创建带有下拉菜单的html字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41867080/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com