学做网站培训课程介绍

当前位置:

html下拉列表框制作方法(html下拉菜单代码)

html下拉列表框通常又称html下拉菜单,html下拉列表框在做网站中也常会用到,它可以有效的节省网页空间。既可以单选、又可以多选。如下代码:


<form name="iForm" >
<label>爱好:</label>
<select>
<option value="读书">读书</option>
<option value="运动">运动</option>
<option value="音乐">音乐</option>
<option value="旅游">旅游</option>
<option value="购物" selected="selected">购物</option>
</ select>
</form>

代码讲解:

1、value:

html下拉列表框制作方法(html下拉菜单代码)

2、selected="selected":

设置selected="selected"属性,则该选项就被默认选中。

在浏览器中显示的结果:

html下拉列表框制作方法(html下拉菜单代码)

使用下拉列表框进行多选

下拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,在 windows 操作系统下,进行多选时按下Ctrl键同时进行单击(在 Mac下使用 Command 单击),可以选择多个选项。如下代码:

html下拉列表框制作方法(html下拉菜单代码)

在浏览器中显示的结果:

html下拉列表框制作方法(html下拉菜单代码)

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 在做网站过程中,如果想在一张网页上实现图片加文字的格式,就需要通过Dreamweaver CS6破解版软件设置背景图片。可以在网页上添加背景图片,然后
  • 学习了一些HTML知识,我们就可以自己动手去写一些HTML代码了。那么用什么写了,这就要用HTML 编辑器。常用的HTML 编辑器有二种就是记事本和Dreamweave
  • 在学做网站时,网站导航上经常有下拉菜单,这样可以在有限的导航上呈现出更多的栏目。如何在做网站时,能够制作出下拉菜单呢?【相关知识:如
  • 在制作DEDECMS织梦网站的模板和学习仿站教程时,特别头痛的莫过于去制作网站的多级菜单导航了,很多时候制作出来的下拉菜单导航很多都会移位,使用固
  • 这里的站点统计列表,并不是之前讲的如何给网站添加统计代码,而今天讲的统计列表是指统计网站文章数目、评论数目、友链数等11个统计数据。下
  • 在之前的网站制作文章中讲到了wordpress如何调用当前分类下面的子分类的方法,但这种方法只能调用出子分类的名称,无法去调用出子分类下面的文章列表
  • html下拉列表框通常又称html下拉菜单,html下拉列表框在做网站中也常会用到,它可以有效的节省网页空间。既可以单选、又可以多选。如下代码:[cce_h
  • 纯代码Wordpress前台投稿功能制作方法,很多建网站学员学习了Wordpress教程后,使用Wordpress 程序建了网站。但如果每天都是自己更新文章,感觉会有点
  • 很多网站都有对联广告,当我们打开它的网站的时候,会在屏幕的两边自动的出现二个对联广告,显的很醒目。网站对联广告对于做cpa,cps的朋友有很大
  • Dreamweaver跳转菜单制作 视频教程 (1123733 次浏览)
    什么是跳转菜单跳转菜单是文档内的弹出菜单,对站点访问者可见,并列出链接到文档或文件的选项。可以创建到整个 Web 站点内文档的链接、到其它 Web
  • 在学做网站论坛的VIP课程中,我们讲了做网站时,我们网站的导航是调用一级分类和页面,可往往为了一些需要,登录制作wordpress下拉菜单,要求调用某个
  • 各位同学大家好,我是学做网站论坛的建站会员广东崔磊。很感谢论坛老师在我学习网站制作课程期间,对我的辅导帮助。现在在这里我想给同学做分享一
  • 学做网站时,经常要修改代码,很多时候需要用到颜色代码,由于太多,不可能都记住,所以找到了一个带有中文颜色名称表示的颜色代码表,以便后期网页设