当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML multiple属性用法及代码示例


此属性是布尔属性。它指定允许用户选择一个元素中存在的多个值。

用法:

<input/select multiple>

元素:此方法可以具有以下属性:

  • <输入>
  • <选择>

属性:以上每个元素的属性都是多个。

例:使用<input>元素



<!DOCTYPE html> 
<html> 
  
<body> 
    <center> 
        <h1 style="color:green;font-style:italic;"> 
          GeeksForGeeks 
        </h1> 
        <h2 style="color:green;font-style:italic;"> 
          multiple Attribute in Input Element 
        </h2> 
        <form action=" "> 
            Select images:
            <input type="file" name="img" multiple> 
            <input type="submit"> 
        </form> 
  </center> 
</body> 
  
</html>

输出:

例:使用<select>元素

<html> 
  
<body> 
    <center> 
        <h1 style="color:green;font-style:italic;"> 
          Geeksforgeeks 
        </h1> 
        <h2 style="font-style:italic;color:green;"> 
          multiple Attribute in Select Element 
        </h2> 
        <form action=" "> 
            <select name="Bikes" multiple> 
                <option value="HeroHonda">HeroHonda</option> 
                <option value="Splender">Splender</option> 
                <option value="Ninja">Ninja</option> 
                <option value="Pulsav">Pulsav</option> 
            </select> 
            <input type="submit"> 
        </form> 
  
        <p> 
           Hold down the Ctrl (windows) / Command (Mac) 
           button to select multiple options. 
        </p> 
  </center> 
  
</body> 
  
</html>

输出:

支持的浏览器:下面列出了多个属性支持的浏览器:

  • 谷歌浏览器6.0
  • Internet Explorer 10.0
  • Firefox 3.6
  • Opera 11.0
  • Safari 5.0

相关用法


注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | multiple Attribute。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。