zoukankan      html  css  js  c++  java
  • select的placeholder和分组效果

    <!DOCTYPE html>
    <html lang="zh">
    
        <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的placeholder和分组效果</title>
        </head>
    
        <body>
            <select>
                <!--placeholder 效果-->
                <option value="" disabled selected>Select your option</option>
                <!--分组效果-->
                <optgroup label='小学'>
                    <option value='5'> 1年级</option>
                    <option value='6'> 2年级</option>
                    <option value='7'> 3年级</option>
                    <option value='8'> 4年级</option>
                    <option value='9'> 5年级</option>
                    <option value='10'> 6年级</option>
                </optgroup>
            </select>
    
        </body>
    
    </html>

     效果:

  • 相关阅读:
    STL next_permutation 全排列
    日期问题
    兰顿蚂蚁
    矩阵翻硬币
    数学问题-排列组合
    h5css3_03练习
    h5css3_03
    h5css3_02练习
    h5css3_02
    h5c3_01练习
  • 原文地址:https://www.cnblogs.com/mengfangui/p/6899148.html
Copyright © 2011-2022 走看看