章节
问答
课签
笔记
评论
占位
占位

使用select、option标签创建下拉菜单

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

讲解:

1、select和option标签都是双标签,它总是成对出现的,需要首标签和尾标签。

2、select标签里面只能放option标签,表示下拉列表的选项。

3、option标签放选项内容,不放置其他标签。

4、value:

5、selected="selected":

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

在浏览器中显示的结果:

任务

我来试试:把“爱好”下拉列表的“旅游”选项设置为默认选项

1、在右部编辑器中的第13行补充代码 selected="selected"。

?不会了怎么办

你是否输入像下面的代码:

||
1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最赞回答 / 学疯了
"购物"和selected之间加个空格写成"购物" selected="selected"

最新回答 / iuhiiu
<form>        <select>            <option value="看书"></option>            <option value="旅游" selected="selected"></option>            <option value="运动"></option>            <option value="购物"></opt...

最赞回答 / 单双眼皮
我的理解是代码是从上到下执行,如果优先级一样,自然生效的是最后一条指令

最新回答 / 慕码人5194177
下拉框就是用来单选的,如果想多选可以选择前面学习的多项选择或者创建两个下拉框

最新回答 / 秃秃小盆友
我觉得应该还有方法做到节省空间吧!

已采纳回答 / 慕神5557155
不用考虑别人说的年龄问题,这个年龄学什么别人都会说晚,学就是了。

已采纳回答 / HEML萌新
额 比如 用户在淘宝上按了一个确认购买按钮,那页面就要从个人终端给后面的服务器一个值,告诉服务器有人要买东西,而value就是页面给服务器的值,就像网课直播,老师喊在线的扣1一样,1就是当时情况的value

最赞回答 / 慕婉清6050496
你如果要放前面,应该是 selected="selected"  value="旅游"

已采纳回答 / 雪山灰狼
一开始代码种的  <select>…</select>是一个html标签,用于定义一个选项列表<option>…</option>,而selected="selected"是<option>的一个声明,规定该选项为下拉列表的默认选项,二者没有多大关系。

已采纳回答 / 慕粉3233745
name 属性规定表单的名称。form 元素的 name 属性提供了一种在脚本中引用表单的方法。

最新回答 / 猿林新秀
selected只是默认选中效果,不会改变位置,默认位置是根据HTML结构来的;另外,直接输入selected也是可以的。

已采纳回答 / 藕霸小天使
IE浏览器默认样式是这样的

已采纳回答 / 慕妹345610
慢慢来嘛,一步一个脚印
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言