程序员经验分享-hwhale

5.3-第五章-表单-第三节-select表单元素-下拉列表-＜select size=“2“ multiple＞＜option selected＞

2023-05-16

select表单元素，主要用于下拉列表，下拉列表也是常用的元素，优势是，可以节省页面显示区域。

用来定义列表，用来定义列表项。
的name属性很重要

的value属性很重要 我们并不陌生了，因为这是表单元素中的通用属性，name属性，决定了当表单提交之后的key值， 而选中的option上的value就表示整个下拉列表框的最终的value值 示例： 1.把selected 加在哪个 option上，，哪个就默认选中啦！ 2.设置 select 的 size="2" 表示能够展示两行 3.select 上加上multiple 属性 允许在下拉列表中进行多选 （multiple adj. 多重的；多样的；许多的） 对于 windows：按住 Ctrl 按钮来选择多个选项 对于 Mac：按住 command 按钮来选择多个选项

练习例子—好

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>select</title>
</head>
<body>
    <!-- 2.设置size="2" 表示能够展示两行 即展示两个可选项  
        其余选项，显示不完的，没关系，会可以通过滚动条滚动查看到
        如果不设置size ，那么默认是1,点开可选项也没有滚动条的形式，，全部可见，如果很多，那就会有好多行
        与自己本身理解的不太一样
        -->
    <!--3. multiple 属性 允许在下拉列表中进行多选 
        对于 windows：按住 Ctrl 按钮来选择多个选项
        对于 Mac：按住 command 按钮来选择多个选项
        多选后的(假设选的是 p40pro 和 p40pro+ )，url是这样的
        略....//demo3.html?phone=002&phone=003
        -->
    <form action="demo3.html" method="GET">
        <div>请选择手机型号</div>
        <select name="phone" id="s1" size="2" multiple>
            <option value="001">p40手机</option>
            <!-- 1.把selected加在哪个 option上，，哪个就默认选中啦！ -->
            <option value="002" selected>p40pro</option>
            <option value="003">p40pro+</option>
        </select>
        <!-- 对比 -->
        <select name="phone" id="s1" >
            <option value="001">p40手机</option>
            <!-- 1.把selected加在哪个 option上，，哪个就默认选中啦！ -->
            <option value="002" selected>p40pro</option>
            <option value="003">p40pro+</option>
            <option value="003">p40pro+</option>
            <option value="003">p40pro+</option>
        </select>
        <input type="submit" name="" id="" value="提交">


    </form>

</body>
</html>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

5.3-第五章-表单-第三节-select表单元素-下拉列表-＜select size=“2“ multiple＞＜option selected＞ 的相关文章

  • Markdown编辑器中对图片居中和调整大小的方法

    图片居中 博主本人在写了200余篇垃圾博文后逐渐发现 xff0c 插入的图片还是居中看起来比较美观 Markdown编辑器中对图片进行编辑的方法有很多 xff0c 最简单的方法如下 xff1a 此处添加图片描述 此处添加图片URL地址 pi

  • [ Cesium ] 根据 TLE 生成 czml 的三种方式

    文章目录 一 使用 python tle2czml 库生成二 手动爬虫三 使用 python requests 库获取四 备注 一 使用 python tle2czml 库生成 span class token keyword import

  • [ Hbase ] 单机独立安装

    文章目录 下载 Hbase安装 Hbase启动 HbaseJava API 连接 下载 Hbase http apache mirror cdnetworks com hbase span class token builtin class

  • [ Spark ] java.lang.NoSuchMethodError: com.google.common.hash.Funnels.stringFunnel

    文章目录 问题解决两种方式一 初始化 spark 时 xff0c 设置优先使用 jar 包中的依赖二 使用 shade 插件 参考链接 问题 相关环境参数 spark version xff1a 2 1 0 scala version xf

  • [ Neo4j ] Docker 安装与 Python 操作

    文章目录 安装运行Python 操作简单示例 安装 使用 docker 安装 Neo4j拉取最新的 Neo4j 镜像 docker pull neo4j 运行 运行 Neo4j 容器 docker run it d p span class

  • Windows和Linux之间如何传递数据|两台Linux之间如何传递数据

    摘要 xff1a 我们租用了一台服务器 xff0c 然后我们想要把我们写的项目上传到自己的Linux服务器中 xff0c 那么我们应该怎么上传呢 xff1f 如果我们想要从服务器中下载一些资料 xff0c 那么又该如何进行呢 xff1f 看

  • mac M1使用goland无法进行调试

    首先查看go的版本查看是否是arm版本的eg xff1a go version go version go1 16 13 darwin arm64 然后查看你的goland版本是否是Apple Sillicon版本 下载apple版本的go

  • 忘了自己是从哪里下载的源码？查看git clone的历史

    有时候忘记自己是从哪个地方下载的源码了 xff0c 这时候可以进入git clone的文件夹根目录 xff0c 在该处打开终端并输入 span class token function git span reflog date span c

  • 【详细步骤】Ubuntu18.04开启SSH服务，使用MobaXterm客户端进行远程登录

    熟悉linux的小伙伴 xff0c 都或多或少会接触到ssh服务 使用MobaXterm远程登录Ubuntu那感觉 xff0c 真是太 爽了 本人推荐此方法原因如下 xff1a 1 颜控 xff0c Ubuntu原生界面太丑 2 方便 xf

  • cuda-trt 学习

    https github com jinmin527 learning cuda trt learning cuda trt A large number of cuda tensorrt cases在这个project中 xff0c 提供

  • 时序知识图谱推理：Know-Evolve: Deep Temporal Reasoning for Dynamic Knowledge Graphs

    0摘要 xff1a 带有时间戳的大规模事件数据的可用性催生了边带有时间的动态知识图谱 在动态的知识图谱中 xff0c 并没有被很好的理解 基于此 xff0c 本文提出Know Evolve xff0c 这是一种新颖的深度进化知识网络 xff

  • 《机器学习实战》源码和数据集的下载

    机器学习实战 这本书对于我们了解机器学习原理和代码实现提供了很大的帮助 xff0c 源码和数据集可在其英文版的官方网站进行下载 xff1a https www manning com books machine learning in ac

  • VNC Viewer ：Timed out waiting for a response from the computer

    阿里云主机 xff0c Ubuntu系统 xff0c 通过VNC viewer连接出现超时问题 解决方案 xff1a 首先检查在阿里云主机添加5801 5810 xff1b 5901 5910端口是否开启 查找步骤如下图 xff1a 1 点

  • 从零开始系列（二）：数据库基础篇

    从零开始系列 xff08 二 xff09 xff1a 数据库基础篇 相关系列文章推荐 xff1a 从零开始系列 xff08 一 xff09 xff1a 在github上搭建自己的博客 从零开始系列 xff08 三 xff09 xff1a W

  • 从零开始系列（三）：Windows10安装Linux子系统（WSL教程）

    从零开始系列 xff08 三 xff09 xff1a Windows10安装Linux子系统 xff08 WSL教程 xff09 相关系列文章推荐 xff1a 从零开始系列 xff08 一 xff09 xff1a 在github上搭建自己的

  • 从零开始系列（四）：一文看懂arm架构和x86架构有什么区别

    从零开始系列 xff08 四 xff09 xff1a 一文看懂arm架构和x86架构有什么区别 相关系列文章推荐 xff1a 从零开始系列 xff08 一 xff09 xff1a 在github上搭建自己的博客 从零开始系列 xff08 二

  • NVIDIA显卡及架构介绍

    版权申明 未经博主同意 xff0c 谢绝转载 xff01 xff08 请尊重原创 xff0c 博主保留追究权 xff09 xff1b 本博客的内容来自于 xff1a NVIDIA显卡及架构介绍 xff1b 学习 合作与交流联系q384660

  • 脉冲神经网络资料汇总

    往期文章推荐 xff1a 损失函数与代价函数 神经网络从入门到精通 脉冲神经网络综述笔记 版权申明 未经博主同意 xff0c 谢绝转载 xff01 xff08 请尊重原创 xff0c 博主保留追究权 xff09 xff1b 本博客的内容来自

  • 什么是NAS

    一 NAS是什么 简单的说就是连接在网络上 xff0c 让大家可以透过网络 xff08 内网 xff0c 外网 xff09 来进行储存和读取资料的设备 通俗点说 xff0c 就是有一台很小很小的台式主机 xff0c 里面只装了很多颗的磁盘

  • numba安装与使用

    一 numba是什么 Numba是一个针对Python的开源JIT编译器 xff0c 由Anaconda公司主导开发 xff0c 可以对Python原生代码进行CPU和GPU加速 Numba对NumPy数组和函数非常友好 解释器可以参考第四

随机推荐

  • 目标检测中算法评价指标FPS

    一 FPS 每秒传输帧数 Frames Per Second 是什么 FPS就是目标网络每秒可以处理 xff08 检测 xff09 多少帧 多少张图片 FPS简单来理解就是图像的刷新频率 xff0c 也就是每秒多少帧 假设目标检测网络处理1

  • pytorch版本对计算能力的要求

    一 pytorch对计算能力要求 首先查看pytorch是否可用cuda完整流程应该是先查看是否在当前环境下的python In span class token punctuation span span class token numb

  • 在VS2013中配置boost_1_58_0过程和遇到的的问题

    Boost是为C 43 43 语言标准库提供扩展的一些C 43 43 程序库的总称 Boost库是一个可移植 提供源代码的C 43 43 库 xff0c 作为标准库的后备 xff0c 是C 43 43 标准化进程的开发引擎之一 xff0c

  • C语言学习专栏（1）：易忘点

    C语言学习专栏系列 xff1a 版权申明 未经博主同意 xff0c 谢绝转载 xff01 xff08 请尊重原创 xff0c 博主保留追究权 xff09 xff1b 本博客的内容来自于 xff1a C语言学习专栏 xff08 1 xff09

  • git如何配置模板文件

    git如何创建模板文件 创建xxx template文件 xff0c 其内容为团队制定的Git提交注释规范 xff0c 如 xff1a Desgraption Date Author 通过git config命令配置commit templ

  • iOS很坑的error：

    iOS错误如下 error using bridging headers with module interfaces is unsupported 仔细看好错误类型 xff0c 是关于swift混合编译问题 解决办法 完美解决 xff0c

  • 使用Hexo搭建个人博客，绑定GitHub以及个人域名

    文章目录 前言安装Git安装Nodejs安装Hexo创建一个根目录安装Hexo验证安装是否成功初始化网址安装网址依赖开启本地服务 托管到Git配置git的SSH在github上配置秘钥 托管到GitHub配置仓库地址hexo安装部署的命令验

  • ubuntu定时任务的设置

    ubuntu 定时执行任务需要进行如下操作 xff1a span class token comment 使用 crontab 添加定时任务 span span class token comment 1 打开定时任务 span span

  • linux静态库、linux动态库制作、使用，动态库报错：error while loading shared libraries: libxxx.so: cannot open shared o

    接上一篇 xff1a linux C C 43 43 程序编译 gcc编译器基础使用 编译阶段 编译优化 命令大全 g 43 43 适用 本次来分享linux下C C 43 43 程序的静态库和动态库的制作和使用 xff0c 不废话 xff

  • SpringBoot热部署四步完成（idea2021.1）

    1 在pom xml文件中设置 xff08 两小步 xff09 span class token number 1 1 span xff1a 在 span class token generics span class token punc

  • spring boot中.yml配置日志文件格式正确运行出错(logging level)

    yml文件配置logging出错 格式如下 logging span class token operator span level span class token operator span com span class token p

  • 基本类型的字面值及其类型转换

    基本类型的字面值及其类型转换 一 基本类型的字面值二 类型转换 一 基本类型的字面值 1 整数字面值是int类型 2 byte xff0c short xff0c char三种比int小的整数可以用范围内的值直接赋值 3 浮点数的字面值是d

  • 使用idea创建servlet程序(idea:2021.2)

    使用idea创建servlet程序 1 Feil gt New gt Project 2 创建一个java项目 创建好之后项目结构如下图 右键项目点击Add Frameworks Support 勾选Web Application如下图 x

  • Java笔记（1）——绪论

    1 Java程序的总结 编写 xff1a 将编写的java程序保存在以 java 结尾的源文件中 编译 xff1a 使用javac exe命令编译java源文件 运行 xff1a 使用java exe命令解释运行字节码文件 2 一个Java

  • idea导入第三方jar包并打包在项目中

    IDEA项目引入第三方jar包 1 在resource创建lib文件并导入第三方jar包2 在pom xml文件中进行配置3 刷新maven 1 在resource创建lib文件并导入第三方jar包 2 在pom xml文件中进行配置 3

  • Beam Search源码理解

    本文的beam search源码来自 xff1a CodeBERT model py at master microsoft CodeBERT github com https github com microsoft CodeBERT b

  • 复现CVE-2023-21839

    攻击机安装jdk1 8 下载jdk1 8 https www azul com downloads version 61 java 8 lts amp os 61 ubuntu amp architecture 61 x86 64 bit

  • 解决ubuntu开机循环输入密码无法进入桌面的问题

    问题 xff1a ubuntu安装了QT后 xff0c 配置了环境变量 xff0c 发现登录的时候不能登录 xff0c 在登录界面循环显示 xff0c 不能进入图形化桌面 系统启动时 xff0c 会先读取 etc profile这个文件 x

  • hexo+github搭建个人博客

    主要工具简介 GitHub 使用GitHub托管代码 xff0c 将你的博客发布到网上供他人浏览 git 主要使用git bash git 程序员的时光机 xff0c 保存文件 xff0c 为你随时恢复你想要的版本 本次搭建博客过程中使用g

  • 5.3-第五章-表单-第三节-select表单元素-下拉列表-＜select size=“2“ multiple＞＜option selected＞

    select表单元素 xff0c 主要用于下拉列表 xff0c 下拉列表也是常用的元素 xff0c 优势是 xff0c 可以节省页面显示区域 用来定义列表 xff0c 用来定义列表项 的name属性很重要 的value属性很重要 我们并不陌

热门标签