Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Создать
Редактор Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


HTML Тег <input> атрибут accept


❮ HTML Тег <input>


Пример

Укажите, какие типы файлов пользователь может выбрать в диалоговом окне ввода файла:

<form action="/action_page.php">
  <label for="img">Выбор изображения:</label>
  <input type="file" id="img" name="img" accept="image/*">
  <input type="submit">
</form>
Попробуйте сами »


Определение: Тег <input> атрибут accept

Тег <input> в HTML имеет атрибут accept определяет фильтр для типов файлов, которые пользователь может выбрать в диалоговом окне ввода файла (только для type="file").

Значение атрибута accept может быть задано в виде MIME-типов, расширений файлов или их комбинаций.

Примечание: Атрибут accept можно использовать только с <input type="file">.

Совет: Не используйте этот атрибут в качестве средства проверки. Загрузка файлов должна быть проверена на сервере.


Поддержка: Тег <input> атрибут accept

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот атрибут.

Атрибут
accept 26.0 10.0 37.0 11.1 15.0

Синтаксис: Тег <input> атрибут accept

<input accept="file_extension|audio/*|video/*|image/*|media_type">

Совет: Чтобы указать более одного значения, разделите их запятой (например, <input accept="audio/*,video/*,image/*" />.

Значения: Тег <input> атрибут accept

Значение Описание
file_extension Укажите расширение(я) файла (например: .gif, .jpg, .png, .doc) пользователь может выбрать
audio/* Пользователь может выбрать все звуковые файлы
video/* Пользователь может выбрать все видео файлы
image/* Пользователь может выбрать все файлы изображений
media_type Допустимый тип носителя, без параметров. Смотреть на

IANA Медиа типы для получения полного списка стандартных типов носителей


❮ HTML Тег <input>