Инструменты пользователя

Инструменты сайта

  • Показать страницу
  • История страницы
  • Ссылки сюда
  • Оставить на чай
  • Экспорт в PDF
  • Наверх

  • software:development:web:docs:web:html:attributes:autocomplete

    Различия

    Показаны различия между двумя версиями страницы.

    Ссылка на это сравнение

    Предыдущая версия справа и слеваПредыдущая версия
    Следующая версия
    Предыдущая версия
    software:development:web:docs:web:html:attributes:autocomplete [2023/08/30 19:25] – [Значения] vladpolskiysoftware:development:web:docs:web:html:attributes:autocomplete [2023/08/30 19:50] (текущий) – [Значения] vladpolskiy
    Строка 23: Строка 23:
      
     ===== Значения ===== ===== Значения =====
    - 
    -{{tablelayout?rowsHeaderSource=Auto&colwidth=""}} 
      
     {{tablelayout?colwidth="200px"}} {{tablelayout?colwidth="200px"}}
    Строка 90: Строка 88:
      
      
    -===== Обзор ===== +===== Примеры =====
    -Свойство Accept является атрибутом типа [[software:development:web:docs:web:html:element:input:file|файла]] [[software:development:web:docs:web:html:element:input|<input>]]. Он поддерживался в <form>элементе, но был удален в пользу файла .+
      
    -Поскольку данный тип файла может быть идентифицирован более чем одним способом, полезно предоставить подробный набор спецификаторов типов, когда вам нужны файлы определенного типа, или использовать подстановочный знак для обозначения допустимого типа любого формата.+<html> 
     +<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/tabbed/attribute-autocomplete-cc-number.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true"> 
     +</iframe> 
     +</html>
      
    -Например, существует несколько способов идентификации файлов Microsoft Word, поэтому сайт, принимающий файлы Word, может использовать <input> следующий код:+===== Административные уровни в адресах =====
      
    -<code html HTML> +Четыре поля административного уровня (''address-level1до address-level4'') описывают адрес с точки зрения возрастающей точности в пределах страныв которой расположен адресКаждая страна имеет свою собственную систему административных уровней и может располагать уровни в разном порядке при написании адресов.
    -<input +
    -  type="file" +
    -  id="docpicker" +
    -  accept=".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document" /> +
    -</code>+
      
    -Принимая во внимание, что если вы принимаете медиафайл, вы можете включить любой формат этого типа мультимедиа:+''address-level1'' всегда представляет самое широкое административное деление; это наименее конкретная часть адреса, не считая названия страны.
      
    -<code html HTML> +====Гибкость макета формы==== 
    -<input type="file" id="soundFile" accept="audio/*" /> +Учитывая, что разные страны пишут свой адрес по-разному, каждое поле находится в разных местах адреса и даже полностью различаются наборами и количеством полей, может быть полезно, если, когда это возможно, ваш сайт сможет переключиться на ожидаемый макет. вашими пользователями при представлении формы ввода адреса, учитывая страну, в которой находится адрес.
    -<input type="file" id="videoFile" accept="video/*" /> +
    -<input type="file" id="imageFile" accept="image/*" /> +
    -</code>+
      
    -Атрибут ''accept'' не проверяет типы выбранных файлов; он предоставляет браузерам подсказки, помогающие пользователям выбрать правильные типы файлов. Пользователи по-прежнему могут (в большинстве случаев) переключить опцию в средстве выбора файлов, которая позволяет переопределить ее и выбрать любой файл по своему желанию, а затем выбрать неправильные типы файлов.+====Вариации====
      
    -По этой причине вам следует убедиться, что ожидаемое требование проверено на стороне сервера.+Способ использования каждого административного уровня будет варьироваться от страны к стране. Ниже приведены несколько примеров; это не исчерпывающий список.
      
    -===== Примеры =====+===Соединенные Штаты=== 
     +Типичный домашний адрес в США выглядит так:
      
    -Если задан тип ввода файлаоткрывающееся средство выбора файлов должно позволять выбирать только файлы правильного типа. Большинство операционных систем облегчают файлы, которые не соответствуют критериям и недоступны для выбора.+432 Anywhere StПримервилль, Калифорния 95555
      
    -<html> +В Соединенных Штатах наименее конкретной частью адреса является штат, в данном случае «CA» (официальное сокращение Почтовой службы США от «Калифорния»)Таково ''address-level1'' состояние или «CA» в данном случае.
    -<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/tabbed/attribute-accept-1.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true"> +
    -</iframe> +
    -</html>+
      
    -Обратите внимание, что последний пример позволяет вам выбрать несколько изображений. См. [[software:development:web:docs:web:html:attributes:multiple|multiple]] атрибут для получения дополнительной информации.+Вторая по значимости часть адреса — это название города или поселка, как и ''address-level2'' «Exampleville» в этом примере адреса.
      
    -===== Уникальные спецификаторы типов файлов =====+В адресах США не используются уровни 3 и выше.
      
    -Уникальный спецификатор типа файла — это строка, описывающая тип файла, который может быть выбран пользователем в [[software:development:web:docs:web:html:element:input|<input>]] элементе type ''file''. Каждый уникальный спецификатор типа файла может принимать одну из следующих форм:+===Великобритания===
      
    -  * Допустимое расширение имени файла без учета регистраначинающееся с точки (""."). Например: ''.jpg'', ''.pdf'', или ''.doc''+Формы ввода адреса в Великобритании должны содержать один уровень адреса и одну, две или три адресные строкив зависимости от адреса. Полный адрес будет выглядеть так:
    -  * Действительная строка типа MIME без расширений. +
    -  * Строка''audio/*'' означающая «любой аудиофайл». +
    -  * Строка, ''video/*'' означающая «любой видеофайл». +
    -  * Строка, ''image/*'' означающая «любой файл изображения».+
      
    -Атрибут ''accept'' принимает в качестве значения строку, содержащую один или несколько уникальных спецификаторов типов файлов, разделенных запятыми. Например, средство выбора файлов, которому требуется контент, который может быть представлен в виде изображения, включая как стандартные форматы изображений, так и файлы PDF, может выглядеть так:+103 Фрогмарч-стрит Аппер-Уэппинг Винчелси TN99 8ZZ
      
    -<code html HTML> +Уровни адресов:
    -<input type="file" accept="image/*,.pdf" /> +
    -</code>+
      
    -===== Использование файловых входов =====+  * ''address-level1'': Почтовый город — в данном случае «Уинчелси». 
     +  * ''address-line2'': Местность — в данном случае «Аппер-Уаппинг». 
     +  * ''address-line1'': Характеристики дома/улицы — «Фрогмарч-стрит, 103». 
     +Почтовый индекс отдельный. Обратите внимание, что на самом деле вы можете использовать только почтовый индекс и ''address-line1'' успешно доставлять почту в Великобритании, поэтому они должны быть единственными обязательными элементами, но обычно люди склонны предоставлять более подробную информацию.
      
    -<html> +===Китай=== 
    -<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/tabbed/attribute-accept-2.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true"> +В Китае может использоваться до трех административных уровней: провинция, город и район.
    -</iframe> +
    -</html>+
      
    -Независимо от устройства или операционной системы пользователя, при вводе файла имеется кнопка, открывающая диалоговое окно выбора файла, позволяющее пользователю выбрать файл.+Почтовый индекс из 6 цифр не всегда требуетсяно при его наличии он для ясности помещается отдельно с этикеткой. Например:
      
    -Включение [[software:development:web:docs:web:html:attributes:multiple|multiple]] атрибута, как показано выше, указывает, что одновременно можно выбрать несколько файлов. Пользователь может выбрать несколько файлов из средства выбора файлов любым способом, который позволяет выбранная им платформа (например, удерживая нажатой кнопку **Shift** или **Control** и затем щелкнув). Если вы хотите, чтобы пользователь выбирал только один файл для каждого [[software:development:web:docs:web:html:element:input|<input>]], опустите [[software:development:web:docs:web:html:attributes:multiple|multiple]] атрибут.+北京市东城区建国门北大街 8 号华润大厦 17 层 1708 单元 邮编:100005
      
    -==== Ограничение допустимых типов файлов ====+===Япония=== 
     +Адрес в Японии обычно записывается в одну строку в порядке от менее конкретной к более конкретной части (в обратном порядке по отношению к США ). В адресе имеется два или три административных уровня. Дополнительную строку можно использовать для отображения названий зданий и номеров комнат. Почтовый индекс указан отдельно. Например:
      
    -Часто вы не захотите, чтобы пользователь мог выбрать любой произвольный тип файла; вместо этого вы часто хотите, чтобы они выбирали файлы определенного типа или типов. Например, если ваш входной файл позволяет пользователям загружать изображение профиля, вы, вероятно, захотите, чтобы они выбрали веб-совместимые форматы изображений, такие как [[software:development:web:docs:glossary:JPEG|JPEG]] или [[software:development:web:docs:glossary:PNG|PNG]].+〒 381-0000 長野県長野市某町 123
      
    -Приемлемые типы файлов можно указать с помощью [[software:development:web:docs:web:html:element:input:file#accept|accept]] атрибута, который принимает разделенный запятыми список разрешенных расширений файлов или типов MIMEНекоторые примеры:+«〒» и следующие семь цифр обозначают почтовый индекс.
      
    -  * ''accept="image/png"'' или ''accept=".png"''— принимает файлы PNG. +''address-level1'' используется для обозначения префектур или мегаполиса Токио; В данном случае «長野県» (префектура Нагано). ''address-level2'' обычно используется для городов, округовпоселков и деревень; В данном случае «長野市» (город Нагано)«某町 123» ''address-line1'' состоит из названия участка и номера участка.
    -  * ''accept="image/png, image/jpeg"'' или ''accept=".png, .jpg, .jpeg"''— Принимать файлы PNG или JPEG. +
    -  * ''accept="image/*"''— Принять любой файл с ''image/*'' типом MIME. (Многие мобильные устройства также позволяют пользователю делать снимки с помощью камеры, когда она используется.+
    -  * ''accept=".doc,.docx,.xml,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"'' — принимайте все, что схожи с документом MS Word.+
      
    -Давайте посмотрим на более полный пример: 
    - 
    -<html> 
    -<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/tabbed/attribute-accept-3.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true"> 
    -</iframe> 
    -</html> 
    software/development/web/docs/web/html/attributes/autocomplete.1693412727.txt.gz · Последнее изменение: 2023/08/30 19:25 — vladpolskiy