zoukankan      html  css  js  c++  java
  • select标签和多行文本标签

    一、多行文本textarea

    <form>
            <div>
                <textarea name="more"></textarea>
            </div>
            <input type="submit" value="提交">
        </form>
    
    '''
     textarea 可以实现多行输入,要使后台能获取输入值,可以使用name属性
    '''

    如下:

      

    二、下拉框select标签

      2.1 select 单选

    <body>
        <form>
            <div>
                <select name="city">
                    <option value="1">北京</option>
                    <option value="2" selected="selected">上海</option>
                    <option value="3">广州</option>
                    <option value="4">杭州</option>
                </select>
            </div>
            <br />
            <input type="submit" value="提交"/>
        </form>
    </body>
    
    '''
      name: 表单提交项的键
      option: 下拉选项中的每一项
                  属性:
                          value: 表单提交项的值
                          selected: 默认选项
          
    ''' 

    如下: 

      2.2 select 多选

    <body>
        <form>
            <div>
                <select name="city" size="5" multiple="multiple">
                    <option value="1">北京</option>
                    <option value="2" selected="selected">上海</option>
                    <option value="3">广州</option>
                    <option value="4">杭州</option>
                </select>
            </div>
            <br />
            <input type="submit" value="提交"/>
        </form>
    </body>
    
    '''
       size: 下拉框的宽度
       multiple="multiple":可以多选
    '''

     如下:

      2.3 设置分组选项

    <body>
        <form>
            <div>
                <select name="city">
                    <optgroup label="江苏">
                        <option value="1">苏州</option>
                        <option value="2">扬州</option>
                        <option value="3">常州</option>
                    </optgroup>
                    <optgroup label="浙江">
                        <option value="4">杭州</option>
                        <option value="5">金华</option>
                        <option value="6">丽水</option>
                    </optgroup>
                </select>
            </div>
            <br />
            <input type="submit" value="提交"/>
        </form>
    </body>
    
    '''
     label : 名称,这个不可选
    '''

     如下:

  • 相关阅读:
    逝者如斯夫(一)
    C#面向对象-多态
    C#基础知识1-深入理解值类型和引用类型
    一个简单的C#爬虫程序
    C# Web分页功能实现
    Web前端JS实现轮播图原理
    visual studio2019 离线MSDN文档安装
    C#中类的修饰符
    HALCON数据类型和C#对应数据类型的对比
    关于HACLON程序导出C#程序,运行报错解决方法
  • 原文地址:https://www.cnblogs.com/bigberg/p/8426317.html
Copyright © 2011-2022 走看看