在HTML中如何实现点击按钮按照下拉列表框的内容打开相应的页面

在HTML中如何实现点击按钮按照下拉列表框的内容打开相应的页面,第1张

这个可以使用跳转菜单来实现的。在dreamweaver中,选择插入,菜单--跳转菜单,你只需要添加菜单名称和url地址即可,+号可以再添加一个选项。效果完成后是不带你这个图片演示的打开按钮的。就是一个下拉列表,但只要选中列表里面的连接文字就会打开了。

html里可以用<select>标签设置下拉框。下面详细介绍其用法。

这是测试链接,可以参考本教程自己实 *** 网页链接。

1、<select>标签

<select>标签在HTML里面是下拉框,用户点一下可以选择里面的选项

2、<option>标签

<option>标签是<select>标签的选项,它有2个东西需要设置,分别是值value和文本显示。

例如这个opion

  <option value="0">请选择分类</option>

它的value是0,文本是"请选择分类"。

如果你在页面保存了一些信息,一般提交给服务器的时候提交的是它的value。

3、尝试编写例子

例如下面的代码,在html里面展示的效果如图

<select>

<option value="0">请选择分类</option>

<option value="1">美食/营养</option>

<option value="10">游戏/数码</option>

<option value="37">手工/爱好</option>

<option value="50">生活/家居</option>

<option value="73">健康/养生</option>

<option value="86">运动/户外</option>

<option value="93">职场/理财</option>

<option value="101">情感/交际</option>

<option value="108">母婴/教育</option>

<option value="123">时尚/美容</option>

</select>


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

原文地址: http://outofmemory.cn/bake/11694281.html

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

发表评论

登录后才能评论

评论列表(0条)

保存