
- HTML 教程
- HTML - 首頁
- HTML - 路線圖
- HTML - 簡介
- HTML - 歷史與演變
- HTML - 編輯器
- HTML - 基本標籤
- HTML - 元素
- HTML - 屬性
- HTML - 標題
- HTML - 段落
- HTML - 字型
- HTML - 塊
- HTML - 樣式表
- HTML - 格式化
- HTML - 引用
- HTML - 註釋
- HTML - 顏色
- HTML - 影像
- HTML - 影像地圖
- HTML - 內聯框架
- HTML - 短語元素
- HTML - 元標記
- HTML - 類
- HTML - ID
- HTML - 背景
- HTML 表格
- HTML - 表格
- HTML - 表格標題和說明
- HTML - 表格樣式
- HTML - 表格 Colgroup
- HTML - 巢狀表格
- HTML 列表
- HTML - 列表
- HTML - 無序列表
- HTML - 有序列表
- HTML - 定義列表
- HTML 連結
- HTML - 文字連結
- HTML - 影像連結
- HTML - 郵件連結
- HTML 顏色名稱和值
- HTML - 顏色名稱
- HTML - RGB
- HTML - HEX
- HTML - HSL
- HTML 表單
- HTML - 表單
- HTML - 表單屬性
- HTML - 表單控制元件
- HTML - 輸入屬性
- HTML 媒體
- HTML - 影片元素
- HTML - 音訊元素
- HTML - 嵌入多媒體
- HTML 頭部
- HTML - 頭元素
- HTML - 新增 Favicon
- HTML - Javascript
- HTML 佈局
- HTML - 佈局
- HTML - 佈局元素
- HTML - 使用 CSS 進行佈局
- HTML - 響應式設計
- HTML - 符號
- HTML - 表情符號
- HTML - 樣式指南
- HTML 圖形
- HTML - SVG
- HTML - Canvas
- HTML API
- HTML - Geolocation API
- HTML - 拖放 API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web 儲存
- HTML - 伺服器傳送事件
- HTML 雜項
- HTML - 文件物件模型 (DOM)
- HTML - MathML
- HTML - 微資料
- HTML - IndexedDB
- HTML - Web 訊息傳遞
- HTML - Web CORS
- HTML - Web RTC
- HTML 演示
- HTML - 音訊播放器
- HTML - 影片播放器
- HTML - 網頁幻燈片
- HTML 工具
- HTML - Velocity Draw
- HTML - 二維碼
- HTML - Modernizer
- HTML - 驗證
- HTML - 顏色拾取器
- HTML 參考
- HTML - 速查表
- HTML - 標籤參考
- HTML - 屬性參考
- HTML - 事件參考
- HTML - 字型參考
- HTML - ASCII 碼
- ASCII 碼錶查詢
- HTML - 顏色名稱
- HTML - 實體
- MIME 媒體型別
- HTML - URL 編碼
- 語言 ISO 程式碼
- HTML - 字元編碼
- HTML - 已棄用標籤
- HTML 資源
- HTML - 快速指南
- HTML - 有用資源
- HTML - 顏色程式碼生成器
- HTML - 線上編輯器
HTML - 多個屬性
HTML multiple 屬性是一個布林屬性,允許表單控制元件接受多個值。
當與輸入(type='file & email')一起使用時,它允許使用者選擇多個檔案並一次撰寫多封電子郵件,如果它與 select 元素一起使用,則允許使用者一次選擇多個選項。
語法
<tag multiple></tag>
應用於
以下列出的元素允許使用 HTML multiple 屬性
HTML multiple 屬性示例
以下示例將說明 HTML minlength 屬性,以及我們應該在哪裡以及如何使用此屬性!
從下拉列表中選擇多個值
在以下示例中,我們將使用 select 標籤的 multiple 屬性來在下拉列表中選擇多個值。
<!DOCTYPE html> <html lang="en"> <head> <title>HTML 'multiple' attribute</title> </head> <body> <p>Select languages you knows (use Ctrl + click): </p> <select multiple> <option value="">Hindi</option> <option value="">English</option> <option value="">Malayalam</option> <option value="">Telugu</option> </select> <p>Select your mother tongue:</p> <select> <option value="">Hindi</option> <option value="">English</option> <option value="">Malayalam</option> <option value="">Telugu</option> </select> </body> </html>
在輸入中選擇多個檔案
在此示例中,我們將使用 <input type='file'> 的 multiple 屬性來接受使用者的多個檔案。
<!DOCTYPE html> <html lang="en"> <head> <title>HTML 'multiple' attribute</title> </head> <body> <h3> Example of HTML 'multiple' attribute </h3> <form> <p>Select files: </p> <input type="file" multiple> <button onclick="return false;" > Submit </button> </form> <p> You can select multiple files at a time, Use Ctrl + click </p> </body> </html>
允許輸入多個電子郵件
讓我們看一下以下示例,我們將在此示例中使用 input type=email 的 multiple 屬性。
<!DOCTYPE html> <html lang="en"> <head> <title>HTML 'multiple' attribute</title> <style> input:invalid { background-color: lightcoral; } </style> </head> <body> <h3> Example of the HTML 'multiple' attribute </h3> <form> <label>Multiple Emails: </label> <input type="email" name='email' multiple> (with multiple attribute) <br> <br> <label for="">Single Email: </label> <input type="email" name='email'> (without multiple attribute) <br> <br> <button onclick="return false;" > Submit </button> </form> </body> </html>
支援的瀏覽器
屬性 | ![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|---|
multiple | 是 | 是 | 是 | 是 | 是 |
html_attributes_reference.htm
廣告