学做网站培训课程介绍

当前位置:

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下拉菜单代码)

发表评论

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

相关教程

  • 学做网站时,经常要修改代码,很多时候需要用到颜色代码,由于太多,不可能都记住,所以找到了一个带有中文颜色名称表示的颜色代码表,以便后期网页设
  • 常用的HTML标签有哪些 (132543 次浏览)
    什么是HTML标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML标签即是网页浏览器识别符,就像一个人名字张三、李四代表人的姓名一样。这里说
  • 在一些门户网站上,由于项目众多,不可能全部将这些项目显示在主导航上,就可以通过二级菜单,三级导航,甚至四级导航来显示。如何在自己做网站
  • 在之前的建网站的教程中,我们给大家讲了如何制作网站导航的二级导航,通过DIV+CSS的方式,可以制作出网站的二级菜单。这种方法是可能帮助我们去制作
  • 在之前的网站制作文章中讲到了wordpress如何调用当前分类下面的子分类的方法,但这种方法只能调用出子分类的名称,无法去调用出子分类下面的文章列表
  • 列表标签有二种,分为有序列表(ol标签)和无序列表(ul标签)。通过列表标签可以排列网站中的很多内容,让用户一目了然。列表标签在做网站和网页
  • html下拉列表框通常又称html下拉菜单,html下拉列表框在做网站中也常会用到,它可以有效的节省网页空间。既可以单选、又可以多选。如下代码:[cce_h
  • 纯代码Wordpress前台投稿功能制作方法,很多建网站学员学习了Wordpress教程后,使用Wordpress 程序建了网站。但如果每天都是自己更新文章,感觉会有点
  • 我们在有些网站上看到会在网站的某个位置显示一个动态变化的时钟,它是一秒秒的变化。对于这种效果,我们自己做网站时也可以制作出来,只需要通过JS就
  • Dreamweaver跳转菜单制作 视频教程 (1123864 次浏览)
    什么是跳转菜单跳转菜单是文档内的弹出菜单,对站点访问者可见,并列出链接到文档或文件的选项。可以创建到整个 Web 站点内文档的链接、到其它 Web
  • 在我们的建站课程中,跟大家讲过wordprss实现导航是利用二句代码来自动调用。这样只要我们在后台添加一个分类或者页面时,会自动调用出来。
  • 如果我们的网站有港澳台的用户,那么网站特别好是能支持文字简繁互转,这样做能方便不同用户更好的阅读网站内容。那么如何在自己做网站时,实