zoukankan      html  css  js  c++  java
  • select下拉框的探索(<option></option>标签中能嵌套使用其它标签吗)

        select标签大家应该经常用到,有个问题可能没怎么注意过,

      select标签里面的option标签可以嵌套其它标签吗,比如i,span标签等?

      经本人测试,答案是:可以嵌套其它标签,但审查元素会发现标签被剔除了,只显示了标签里面的文本 

      不能的原因,网上找到一个解释:

      option标签在网页中并没有直接显示,而是作为下拉框的选项内容之一,

      其样式是由当前浏览器决定的,所以option标签之间只会有文本内容

    测试代码:

    <select>
    <option>测试<span style="color:red;">*</span></option>
    </select>

    测试截图:如下图显示,span标签被剔除了,只保留了span标签里面的 *

     然后我又好奇的试了一下,把span标签写在option标签外面,select标签里面,发现span标签依然会被剔除,只保留文字,如下图:

    测试代码:

         <select>
                <option>测试<span style="color:red;">*</span></option>
                <span>测试</span>
            </select>

    顺便附上select基本的一些用法和HTML5新增的属性

  • 相关阅读:
    用PHP对数据库数据进行删除
    用PHP向数据库中添加数据
    PHP中如何连接数据库基本语句
    数组的函数(方法)
    PHP数组的定义和遍历
    正则表达式
    HTML
    函数
    二维数组
    字符串类型||日期时间类型||数学运算
  • 原文地址:https://www.cnblogs.com/tu-0718/p/7112836.html
Copyright © 2011-2022 走看看