HTML中的select标签用于创建可选择选项的下拉列表;option标签包含选定时将使用的值。那么如何来设置select下拉框里的默认值?下面本篇文章就来给大家介绍一下,希望对大家有所帮助。

我们可以在所需选项上使用“selected”属性来设置select元素的默认值,这是一个布尔属性。

默认情况下,具有“selected”属性的option标签将显示在下拉列表select标签中。

语法:选项名称

示例1:使用selected属性

设置select元素的默认值

如何设置select元素的默认值?

默认情况下,显示第一个option选项

Free

Starter

Professional

Corporate

设置Professional选项为默认值

Free

Starter

Professional

Corporate

效果图:

示例2:在列表中添加类似“请选择选项”的消息。此选项除了选中之外还具有隐藏和禁用属性。

设置select元素的默认值

设置select选项框的默认值

请选择选项

Free

Starter

Professional

Corporate

效果图:

html下拉框设置默认值_如何设置HTML select下拉框的默认值?相关推荐

  1. 前端下拉框能支持手动输入_可输入的select下拉框

    当select下拉框中没有要选择的信息项时,可以直接在select中输入自己想要得信息项. 在输入信息项时,不改变select下拉框中原有的信息项. 通过Backspace键可以清除刚才输入的信息项, ...

  2. mysql datetime 默认值_老大让我整理下公司内部MySQL使用规范,分享给大家

    作者:白程序员的自习室 链接:https://www.studytime.xin/article/mysql-internal-specifications.html 最近涉及数据库相关操作较多,公司 ...

  3. python获取select选中的值_Python3.x:遍历select下拉框获取value值

    Python3.x:遍历select下拉框获取value值 Select提供了三种选择方法: # 通过选项的顺序,第一个为 0 select_by_index(index) # 通过value属性 s ...

  4. win10设置默认输入法_个性化设置技巧

    个性化设置技巧 子墨居士前言本次内容主要是win10系统自带的功能,不是用第三方软件优化桌面的情况下,让自己的电脑桌面能更美观.更舒服.系统自身的个性化设置主要是下图中的几个.鼠标右击->个性化 ...

  5. idea设置放大缩小_苹果手机连按3下,能打开隐藏放大镜功能,看什么都一清二楚...

    苹果手机很多人都在用,那你们有多少人知道手机里面还隐藏一个放大镜功能,可以看的清楚.看的远. 要是你没用过,今天笔者就来教教你使用方法,一起来涨涨知识吧! 看得远 我们都知道人的视线比较有限,尤其是近 ...

  6. c if 判断select已经选择的值_「Linux」——select和epoll详解

    select和epoll详解 select和epoll的区别(面试常考) select 一.什么是select 1.select函数原型 2.参数解释 3.参数timeout取值 4.返回值 5.监控 ...

  7. 怎么把文本框弄一样大小_在VB中如何让文本框大小与窗体大小一样大

    展开全部 1.首先我们打开vb6.0软件进入到标准"工程1"界面,这些32313133353236313431303231363533e78988e69d8331333433626 ...

  8. 笔记本java设置ip地址_如何设置苹果笔记本IP地址

    在相对于很少使用苹果笔记本的用户来说设置IP地址可能是个难题,下面我将介绍如何设置苹果笔记本IP地址. 1.单击桌面右上角的无线图标,无线网卡自动搜索环境中的无线网络,如下图所示. 2.点击" ...

  9. android应用程序隐私设置在哪,手机权限设置在哪里_手机设置应用软件权限的具体步骤...

    手机权限设置在哪里?平时,我们使用手机安装程序时,会要求读取电话.录音和设备信息等等,这样让APP获取了我们的软件权限后,大家是不是觉得自己的手机都变得不安全了,所以我们有必要在安装软件之后,再对这一 ...

最新文章

  1. MegaRAID阵列卡配置RAID阵列 - WebBIOS - CLI
  2. (chap1 网络基础知识)一些概念
  3. SDG、SGD-M实现
  4. mysql ssl连接是什么_mysql 的ssl连接是什么
  5. 50万块钱,在哪个银行存钱最合适?
  6. .Netcore 2.0 Ocelot Api网关教程(8)- 缓存
  7. 力扣算法题—074搜索二维矩阵
  8. 李开复的 给创新工场求职者的一封信
  9. 中秋节PSD分层模板|电商营销借势促销,快快收藏!
  10. linux test 使用方法,Linux系统test命令使用方法介绍
  11. [Python] L1-012. 计算指数-PAT团体程序设计天梯赛GPLT
  12. 空间相关性分析:空间权重矩阵
  13. 宏观经济学 马工程教材个人笔记整理
  14. win7安装java环境(详细步骤)
  15. Android 计时器Timer用法
  16. Latex参考文献引用顺序排序
  17. 亚马逊广告投放策略卖家们知多少?
  18. 学校机房计算机网络设计,建好高校机房 从设计上需掌握三大要素
  19. 显示计算机工程系老师所教课程的成绩表.,sql查询
  20. java velocity js_一统江湖的大前端(8)- velocity.js 运动的姿势(上)

热门文章

  1. ANSYS——“There is at least 1 small equation solver pivot term”问题的解决办法
  2. java如何做全局缓存_传智播客JNI第七讲 – JNI中的全局引用/局部引用/弱全局引用、缓存jfieldID和jmethodID的两种方式...
  3. Apollo2.5摄像头安装
  4. 第一个Django应用程序_part1
  5. 通过python 爬取网址url 自动提交百度
  6. 原生及jq方式使用ajax
  7. GitHub 建立远程仓库
  8. [iOS] Win8下在Vmware11中安装使用苹果系统OS X 10.10
  9. [转]JS Cookie 中文乱码
  10. 两段关于统计日期的sql语句