如何在 HTML 页面中创建简单的下拉列表框

如何在 HTML 页面中创建简单的下拉列表框,第1张

select标签可以创建下拉列表,列入

  <select>

    <option value="1">我是下拉项目1</option>

    <option value="2">我是下拉项目2</option>

    <option value="3">我是下拉项目3</option>

    <option value="4">我是下拉项目4</option>

  </select>

<select name="sel">

    <option value="1">值一</option>

    <option value="2">值二</option>

    <option value="3">值三</option>

    <option value="4">值四</option>

</select>

你想在哪放下拉框,就把上面的代码复制在那

我刚才写了一个简单的代码,你按照这种思路应该就可以了

至于外观上面的你可以加点背景图片,变成跟真的下拉框一样的

主要利用css和js编写:

<html><head>

<script type="text/javascript">

function get() {

document.getElementById("id").style.display= 'block'

}

</script></head>

<body><br />第一种:<br />

<div class="hosp"><input type="text" value="请选择" style="width:180px"/><input type="button" onmouseup="get()" value=">" />

</div>

<div id="id" style="display:nonewidth:240px">

<table border="1">

<tr><td width="200"><a href="#">aaa</a></td></tr>

<tr><td width="200"><a href="#">bbb</a></td></tr>

<tr><td width="200"><a href="#">ccc</a></td></tr>

</table>

</div>

</body>

</html>

不懂的请Hi我


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11680800.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存