Javascript forms document: Document: forms property — Web APIs

Содержание

Создание и распространение PDF-форм с помощью Adobe Acrobat

Руководство пользователя
Отмена

Поиск

Последнее обновление:
24 мая 2023 г., 05:10:52 по Гринвичу

|

Также относится к Adobe Acrobat 2017, Adobe Acrobat 2020

  1. Руководство пользователя Acrobat
  2. Знакомство с Acrobat
    1. Доступ к Acrobat с рабочего стола, мобильного устройства, Интернета
    2. Что нового в Acrobat
    3. Сочетания клавиш
    4. Системные требования
  3. Рабочее пространство
    1. Основы рабочего пространства
    2. Открытие и просмотр PDF-файлов
      1. Открытие PDF-файлов
      2. Навигация по страницам PDF
      3. Просмотр настроек PDF
      4. Настройка просмотра PDF
      5. Включить предварительный просмотр эскизов PDF-файлов
      6. Отображение PDF в браузере
    3. Работа с учетными записями онлайн-хранилища
      1. Доступ к файлам из ящика
      2. Доступ к файлам из Dropbox
      3. Доступ к файлам из OneDrive
      4. Доступ к файлам из SharePoint
      5. Доступ к файлам с Google Диска
    4. Acrobat и macOS
    5. Уведомления Acrobat
    6. Сетки, направляющие и измерения в PDF-файлах
    7. Азиатский текст, кириллица и текст с письмом справа налево в PDF-файлах
  4. Создание PDF-файлов
    1. Обзор создания PDF-файлов
    2. Создание PDF-файлов с помощью Acrobat
    3. Создание PDF-файлов с помощью PDFMaker
    4. Использование принтера Adobe PDF
    5. Преобразование веб-страниц в PDF
    6. Создание PDF-файлов с помощью Acrobat Distiller
    7. Настройки преобразования Adobe PDF
    8. PDF-шрифты
  5. Редактирование PDF-файлов
    1. Редактирование текста в PDF-файлах
    2. Редактирование изображений или объектов в PDF
    3. Поворот, перемещение, удаление и перенумерация страниц PDF
    4. Редактировать отсканированные файлы PDF
    5. Улучшение фотографий документов, снятых с помощью мобильной камеры
    6. Оптимизация PDF-файлов
    7. Свойства PDF и метаданные
    8. Ссылки и вложения в PDF-файлах
    9. слоев PDF
    10. Миниатюры страниц и закладки в PDF-файлах
    11. Мастер действий (Acrobat Pro)
    12. PDF-файлы, преобразованные в веб-страницы
    13. Настройка PDF для презентации
    14. Статьи в формате PDF
    15. Геопространственные файлы PDF
    16. Применение действий и сценариев к файлам PDF
    17. Изменить шрифт по умолчанию для добавления текста
    18. Удалить страницы из PDF
  6. Сканирование и распознавание символов
    1. Сканирование документов в PDF
    2. Улучшение фотографий документов
    3. Устранение неполадок сканера при сканировании с помощью Acrobat
  7. Формы
    1. Основы форм PDF
    2. Создание формы с нуля в Acrobat
    3. Создание и распространение PDF-форм
    4. Заполнение PDF-форм
    5. Свойства поля формы PDF
    6. Заполнение и подписание PDF-форм
    7. Настройка кнопок действий в формах PDF
    8. Публикация интерактивных веб-форм PDF
    9. Основные сведения о полях формы PDF
    10. Поля формы штрих-кода PDF
    11. Сбор данных форм PDF и управление ими
    12. О трекере форм
    13. Справка по PDF-формам
    14. Отправка PDF-форм получателям по электронной почте или на внутренний сервер
  8. Объединение файлов
    1. Объединение или объединение файлов в один PDF-файл
    2. Поворот, перемещение, удаление и перенумерация страниц PDF
    3. Добавление верхних и нижних колонтитулов и нумерации Бейтса в PDF-файлы
    4. Обрезать страницы PDF
    5. Добавление водяных знаков в PDF-файлы
    6. Добавление фона в PDF-файлы
    7. Работа с файлами компонентов в портфолио PDF
    8. Публикация и совместное использование портфолио PDF
    9. Обзор портфолио PDF
    10. Создание и настройка портфолио PDF
  9. Публикация, рецензирование и комментирование
    1. Публикация и отслеживание PDF-файлов в Интернете
    2. Разметка текста с правками
    3. Подготовка к просмотру PDF
    4. Запуск обзора PDF
    5. Размещение общих обзоров на сайтах SharePoint или Office 365
    6. Участие в обзоре PDF
    7. Добавление комментариев к PDF-файлам
    8. Добавление штампа в PDF
    9. Рабочие процессы утверждения
    10. Управление комментариями | посмотреть, ответить, распечатать
    11. Импорт и экспорт комментариев
    12. Отслеживание и управление обзорами PDF
  10. Сохранение и экспорт PDF-файлов
    1. Сохранение PDF-файлов
    2. Преобразование PDF в Word
    3. Преобразование PDF в JPG
    4. Преобразование или экспорт PDF-файлов в файлы других форматов
    5. Параметры формата файла для экспорта PDF
    6. Повторное использование содержимого PDF
  11. Безопасность
    1. Расширенный параметр безопасности для PDF-файлов
    2. Защита PDF-файлов с помощью паролей
    3. Управление цифровыми идентификаторами
    4. Защита PDF-файлов с помощью сертификатов
    5. Открытие защищенных PDF-файлов
    6. Удаление конфиденциального содержимого из PDF-файлов
    7. Настройка политик безопасности для PDF-файлов
    8. Выбор метода защиты для PDF-файлов
    9. Предупреждения системы безопасности при открытии PDF-файла
    10. Защита PDF-файлов с помощью Adobe Experience Manager
    11. Функция защищенного просмотра для PDF-файлов
    12. Обзор безопасности в Acrobat и PDF-файлах
    13. JavaScripts в PDF-файлах как угроза безопасности
    14. Вложения как угроза безопасности
    15. Разрешить или заблокировать ссылки в PDF-файлах
  12. Электронные подписи
    1. Подписание PDF-документов
    2. Сохраните свою подпись на мобильном телефоне и используйте ее везде
    3. Отправка документов на электронные подписи
    4. Создать веб-форму
    5. Массовый запрос электронной подписи
    6. Прием онлайн-платежей
    7. Бренд вашей учетной записи
    8. О подписях сертификатов
    9. Подписи на основе сертификата
    10. Проверка цифровых подписей
    11. Утвержденный список доверия Adobe
    12. Управление доверенными удостоверениями
  13. Печать
    1. Основные задачи печати PDF
    2. Печатные буклеты и портфолио в формате PDF
    3. Расширенные настройки печати PDF
    4. Печать в PDF
    5. Печать цветных PDF-файлов (Acrobat Pro)
    6. Печать PDF-файлов нестандартных размеров
  14. Специальные возможности, теги и переформатирование
    1. Создание и проверка доступности PDF
    2. Специальные возможности в PDF-файлах
    3. Инструмент порядка чтения для PDF-файлов
    4. Чтение PDF-файлов с функциями перекомпоновки и специальных возможностей
    5. Редактирование структуры документа с помощью панелей «Содержимое» и «Теги»
    6. Создание доступных PDF-файлов
  15. Поиск и индексирование
    1. Создание указателей PDF
    2. Поиск PDF-файлов
  16. Мультимедийные и 3D-модели
    1. Добавление аудио-, видео- и интерактивных объектов в PDF-файлы
    2. Добавление 3D-моделей в файлы PDF (Acrobat Pro)
    3. Отображение 3D-моделей в PDF-файлах
    4. Взаимодействие с 3D-моделями
    5. Измерение 3D-объектов в PDF-файлах
    6. Настройка 3D-видов в PDF-файлах
    7. Включить 3D-контент в PDF
    8. Добавление мультимедиа в PDF-файлы
    9. Комментирование 3D-проектов в PDF-файлах
    10. Воспроизведение видео, аудио и мультимедийных форматов в PDF-файлах
    11. Добавить комментарий к видео
  17. Инструменты для печати (Acrobat Pro)
    1. Обзор инструментов для печати
    2. Принтеры и визирные линии
    3. Предварительный просмотр вывода
    4. Сведение прозрачности
    5. Преобразование цвета и управление чернилами
    6. Цвет захвата
  18. Предпечатная проверка (Acrobat Pro)
    1. Файлы, совместимые с PDF/X, PDF/A и PDF/E
    2. Предполетные профили
    3. Расширенный предполетный осмотр
    4. Предполетные отчеты
    5. Просмотр результатов предварительной проверки, объектов и ресурсов
    6. Цели вывода в PDF-файлах
    7. Исправление проблемных областей с помощью инструмента Preflight
    8. Автоматизация анализа документов с помощью дроплетов или предпечатных действий
    9. Анализ документов с помощью инструмента Preflight
    10. Дополнительные проверки в Preflight tool
    11. Предполетные библиотеки
    12. Переменные предварительной проверки
  19. Управление цветом
    1. Поддержание согласованности цветов
    2. Настройки цвета
    3. Документы с управлением цветом
    4. Работа с цветовыми профилями
    5. Понимание управления цветом

Легко превращайте отсканированную бумажную форму или простую форму, созданную в Microsoft Word, Excel или другом приложении, в интеллектуальную форму PDF.

Создание формы с нуля

Вы можете начать с чистого PDF-файла, добавить в него необходимый текст и метки, а затем добавить поля формы, чтобы завершить форму. Дополнительные сведения см. в разделе Как создать форму с нуля.

Создание формы из существующего документа

При преобразовании существующего документа в форму PDF Acrobat автоматически добавляет в форму поля интерактивной формы. Затем вы можете отредактировать форму, добавив специализированные поля формы, такие как раскрывающийся список, поле со списком или кнопки.

Типы полей форм, которые можно добавить в PDF

A. Поле подписи на основе сертификата B. Раскрывающийся список C. Текстовые поля D. Панель автоматических сообщений E. Флажки F. Радиокнопки G. 9044 6 Окно списка  H. Кнопки

  1. Выберите Инструменты > Подготовьте форму .

  2. Выберите один из следующих вариантов:

    Отдельный файл

    Преобразует существующий электронный документ (например, Word, Excel или PDF) в интерактивную форму PDF.

    Сканер

    Сканирует бумажную форму и преобразует ее в интерактивную форму PDF.

    Создавать новое

    Начните создавать форму с нуля с пустой страницы. Дополнительные сведения см. в разделе Как создать форму с нуля.

  3. Если вы хотите, чтобы другие подписали эту форму, установите флажок Этот документ требует подписи .

    Примечание:

    Автоматическое определение поля формы ON по умолчанию. Чтобы изменить этот параметр, щелкните ссылку Изменить и выберите нужные параметры. Дополнительные сведения см. в разделе Параметры форм.

  4. Щелкните Начать .

    Acrobat создает форму и открывает ее в режиме редактирования формы. На правой панели отображаются параметры редактирования формы. Панель инструментов содержит инструменты полей формы для добавления дополнительных полей.

  5. Просмотрите поля формы, созданные Acrobat. Добавьте поля с помощью инструментов поля формы на панели инструментов. Удалите, измените размер или расположите поля по мере необходимости. Вы можете добавить любой из следующих типов полей формы:

    Добавить текстовое поле

    Добавить текст в документ PDF.

    Штрих-коды

    Кодируйте ввод из выбранных полей и отображайте его в виде визуального шаблона, который можно интерпретировать с помощью программного или аппаратного декодирования (приобретается отдельно).

    Кнопки

    Инициировать изменение на компьютере пользователя, например, открыть файл, воспроизвести звук или отправить данные на веб-сервер. Эти кнопки можно настроить с помощью изображений, текста и визуальных изменений, вызванных действиями мыши.

    Флажки

    Предлагает варианты выбора «да» или «нет» для отдельных элементов. Если форма содержит несколько флажков, пользователь обычно может выбрать столько или несколько из них по желанию.

    Поле даты

    Позволяет пользователю ввести дату в документ PDF.

    Поле цифровой подписи

    Позволяет пользователю подписывать документ PDF электронной цифровой подписью.

    Выпадающий список

    Позвольте пользователю либо выбрать элемент из всплывающего меню, либо ввести значение. Вы можете установить свойство поля формы, которое позволяет пользователю вводить пользовательское значение.

    Поле изображения

    Добавляет поле изображения. Позволяет пользователю просматривать и выбирать изображение для добавления в документ PDF.

    Поля списка

    Показать список параметров, которые может выбрать пользователь. Вы можете установить свойство поля формы, которое позволяет пользователю щелкать, удерживая клавишу Shift, для выбора нескольких элементов в списке.

    Радио-кнопки

    Представлена ​​группа вариантов, из которых пользователь может выбрать только один элемент. Все переключатели с одинаковыми именами работают вместе как группа.

    Текстовые поля

    Разрешить пользователю вводить текст, например имя, адрес или номер телефона.

    Дополнительные сведения см. в разделе Как добавить поля формы и задать их значения.

  6. Чтобы изменить существующий текст или изображения, нажмите Редактировать на панели инструментов. Все текстовые и графические поля доступны для редактирования.

    Примечание:

    Если вы не видите параметр Редактировать на панели инструментов, обновите Acrobat. Для автоматического обновления из Acrobat выберите Справка > Проверить наличие обновлений , а затем следуйте инструкциям в окне программы обновления, чтобы завершить процесс обновления.

  7. Чтобы протестировать форму, нажмите кнопку Предварительный просмотр Кнопка на панели инструментов. Предварительный просмотр формы позволяет вам просматривать форму так же, как получатели формы, и дает вам возможность проверить форму. При предварительном просмотре формы можно нажать кнопку Редактировать , чтобы вернуться в режим редактирования.

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

Сведения о распространении формы и сборе ответов см. в разделе Распространение PDF-форм или веб-форм.

Вы можете преобразовать существующую форму в форму Adobe Acrobat Sign или легко перетащить поля Acrobat Sign в PDF-файл. Вы можете отправить форму для заполнения и подписания с помощью Acrobat Sign. Не все поля преобразуются в поля Acrobat Sign, например поля списка, раскрывающегося списка или кнопки. Вы можете добавить дополнительные поля Acrobat Sign с панели инструментов.

  1. Откройте PDF-файл, который вы хотите преобразовать в форму Acrobat Sign.

  2. Выберите Инструменты > Подготовьте форму .

  3. Щелкните Запустить .

    Acrobat создает форму и открывает ее в режиме редактирования формы. На правой панели отображаются параметры редактирования формы. Панель инструментов содержит инструменты полей формы для добавления дополнительных полей.

  4. На правой панели нажмите Еще , а затем выберите Преобразовать в форму подписи Acrobat.

  5. При появлении предупреждения о том, что Acrobat удаляет поля формы, которые не поддерживает Acrobat Sign, нажмите кнопку «Далее», а затем в последующем предупреждении нажмите кнопку «ОК».

  6. Чтобы добавить поле в форму, выберите его значок на панели инструментов. Поместите указатель в то место, куда вы хотите поместить поле, и щелкните, чтобы вставить его.

    При создании или редактировании форм Acrobat Sign на панели инструментов отображаются специальные поля форм Acrobat Sign.

  7. Назовите поле и укажите, кто должен его заполнять или подписывать. Чтобы задать его свойства, такие как цвет границы, заливка, шрифт и размер гарнитуры, дважды щелкните поле.

    Когда вы впервые размещаете поле подписи Acrobat, вы можете назвать его и указать, кто будет подписывать или заполнять поле.

  8. Для предварительного просмотра изменений нажмите Предварительный просмотр в правом верхнем углу. Щелкните Изменить в правом верхнем углу, чтобы вернуться в режим редактирования.

  9. Сохраните форму.

Сведения о распространении формы и сборе ответов см. в разделе Распространение форм Adobe Acrobat Sign.

Разрешить пользователям Reader сохранять форму
data

Обычно пользователи Acrobat Reader и более ранних версий не могут сохранять заполненные копии заполненных форм. Однако вы можете расширить права PDF, чтобы позволить этим пользователям сохранять данные формы. Если у вас есть Acrobat Pro, вы можете включить дополнительные возможности для пользователей Acrobat Reader, такие как добавление текста в неинтерактивные формы.

Примечание:

В отличие от более ранних версий Reader, Reader XI и более поздние версии Reader включают как инструмент «Добавить текст», так и возможность сохранять данные формы. Пользователи Acrobat могут вводить незаполняемые формы, добавлять комментарии и подписывать PDF-файлы цифровой подписью без расширения специальных прав.

  1. Откройте один файл PDF или просмотрите компонент PDF в портфолио PDF.

  2. Если вы редактируете форму, щелкните значок крестика рядом с кнопкой Предварительный просмотр в правом верхнем углу.

  3. Выберите «Файл» > «Сохранить как другое» > «Reader Extended PDF» и выберите один из следующих вариантов:

    Включить комментарии и измерения

    (Acrobat Pro) Позволяет пользователям добавлять комментарии или получать доступ к инструментам «Данные объекта», «Измерение» и «Геопространственные данные».

    Включить дополнительные инструменты (включая заполнение и сохранение форм)

    Позволяет пользователям сохранять данные, введенные ими в интерактивных или заполняемых формах.

Примечания по локальному сохранению заполненных форм

И Acrobat Standard, и Acrobat Pro позволяют пользователям Adobe Reader 8 или более поздних версий заполнять и сохранять PDF-формы локально. Обратите внимание на следующие два момента, касающиеся использования возможностей Reader Extensions для локального сохранения форм PDF (называемых расширенными документами ):

Количество развернутых расширенных документов

Клиент Acrobat Standard или Acrobat Pro может отправить расширенный документ неограниченному числу получателей для заполнения. Например, клиент Acrobat может опубликовать пустой шаблон формы на веб-странице, которая позволяет пользователям заполнять и сохранять PDF формы локально. Доступ к шаблону может получить неограниченное количество людей. Также клиент Acrobat может собирать неограниченное количество ответов из заполненной формы.

Количество получателей расширенного документа

Клиенты Acrobat Standard или Acrobat Pro могут отправлять расширенный документ неограниченному числу получателей. Клиент Acrobat может отправлять неограниченное количество копий расширенного документа неограниченному количеству получателей и получать неограниченное количество ответов из заполненной формы.

Добавление JavaScript в формы

Язык JavaScript позволяет создавать интерактивные веб-страницы. Adobe улучшила JavaScript, чтобы вы могли легко интегрировать интерактивность в формы PDF. Чаще всего JavaScript в формах Acrobat используется для форматирования, вычисления, проверки данных и назначения действия. В Windows вы также можете настроить формы Adobe PDF для прямого подключения к базам данных с помощью Open Database Connection (ODBC).

Примечание:

Если вы создаете динамические формы, имейте в виду, что Acrobat Reader не поддерживает некоторые пользовательские сценарии JavaScript. Форма может работать неправильно при просмотре в Acrobat Reader, если в PDF-файл не добавлены дополнительные права использования.

Дополнительные ресурсы

Дополнительную информацию об Acrobat JavaScript см. в следующих ресурсах:

  • JavaScript™ для Acrobat® API Справочник по добавлению интерактивности в формы PDF: www. adobe.com/go/learn_acr_javascript_en (PDF, английский только)

  • Acrobat Software Development Kit (SDK) для настройки Acrobat: www.adobe.com/go/learn_acr_devcenter_en (только на английском языке)

  • Пути к файлам в Acrobat JavaScript: www.acrobatusers.com/tutorials/file-paths-acrobat-javascript

Распространение (отправка) форм получателям

Распространение PDF или веб-форм

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

  1. Нажмите Распространить в правом нижнем углу правой панели.

  2. В зависимости от условий, обнаруженных Acrobat в вашей форме, может появиться серия сообщений. При необходимости ответьте на инструкции на экране и сохраните форму.

  3. Выберите метод распространения и сбора:

    Электронная почта

    Собирайте ответы в свой почтовый ящик.

    Внутренний сервер

    Распространяйте и собирайте ответы на внутреннем сервере, таком как SharePoint или сетевая папка. Дополнительные сведения см. в разделе Указание сервера.

    Дополнительные сведения см. в разделе Выбор варианта распространения отзывов и форм.

  4. Щелкните Продолжить и следуйте инструкциям на экране для распространения формы.

  5. Если вы решите собирать ответы в своем почтовом ящике,
    выполните одно из следующих действий:

    • Введите адреса электронной почты, разделенные точкой с запятой, или нажмите кнопку Кому , чтобы выбрать адреса электронной почты из адресной книги.
    • Изменить сообщение по умолчанию.
    • Выберите параметр Собирать имя и адрес электронной почты у получателей для обеспечения оптимального отслеживания . Система предлагает получателям указать свое имя и адрес электронной почты при отправке формы. Это гарантирует, что в Трекере вы точно увидите, кто ответил, а когда нет.
    • Отмените выбор этого параметра, если вы хотите получать анонимные материалы или вам не нужен этот уровень отслеживания.

    Примечание:

    Если
    вы не знаете адреса электронной почты ваших получателей, введите свой
    собственный адрес электронной почты. Система пришлет вам ссылку на форму, которая
    вы можете отправить письмо получателям по желанию.

Для отслеживания статуса разосланной формы нажмите Отследите в правом нижнем углу правой панели. Дополнительные сведения см. в разделе О средстве отслеживания форм.

После создания формы Acrobat Sign вы можете использовать службу Acrobat Sign для ее отправки получателям для заполнения и подписания.

  1. Щелкните Отправить на подпись в правом нижнем углу правой панели.

  2. Щелкните Готов к отправке . Документ загружается в Adobe Document Cloud.

  3. Введите адреса электронной почты людей, которым вы хотите подписать документ. При желании добавьте сообщение.

  4. Нажмите Отправить .

    Вы получили электронное письмо от Acrobat Sign, в котором говорится, что документы отправлены первому пользователю на подпись. Первый пользователь также получает электронное письмо для подписания документа. Когда пользователь добавляет свою подпись в поле Подпись, а затем щелкает значок Нажмите, чтобы подписать документ отправляется следующему пользователю на подпись и так далее.

    Каждый получает копию подписанного документа, а файл надежно хранится в Adobe Document Cloud.

Чтобы отслеживать статус формы Acrobat Sign, см. раздел Отслеживание документов, отправленных на подпись.

Больше похоже на это

  • Преобразование существующих форм в заполняемые PDF-файлы
  • Заполнение форм PDF: обзор
  • Заполнение и подписание форм PDF
  • Отправка PDF-документов на подпись
  • Сбор и управление данными PDF-форм
  • Функция продукта: создание PDF-форм с помощью Acrobat
  • Онлайн-инструменты PDF: преобразование Word в PDF, Excel в PDF, PowerPoint в PDF, JPG в PDF, заполнение и подписание PDF-файлы онлайн

Войдите в свою учетную запись

Войти

Управление учетной записью

Настройка форм | Документы Netlify

Бессерверная обработка форм Netlify позволяет вам управлять формами без дополнительных вызовов API или дополнительного JavaScript. После включения встроенная функция обнаружения форм позволяет нашей системе сборки автоматически анализировать ваш HTML во время развертывания, поэтому вам не нужно делать вызов API или включать дополнительный JavaScript на свой сайт.

Для начала включите автоматическое определение формы, а затем добавьте атрибут netlify в форму HTML.

Автоматическое обнаружение форм

Если вы хотите, чтобы Netlify автоматически управляла отправкой ваших форм, вам необходимо включить обнаружение форм.

Включить обнаружение форм

Чтобы включить обнаружение форм для вашего сайта:

  1. В пользовательском интерфейсе Netlify перейдите к

    Конфигурация сайта > Формы

    .

  2. Выберите Включить определение формы .

Начиная со следующего развертывания вашего сайта, Netlify будет автоматически сканировать ваши развертывания на наличие форм, требующих обработки отправки.

Если вы ранее использовали Netlify Forms и отключили автоматическое обнаружение форм, выполните шаги, чтобы повторно включить обнаружение форм и снова начать принимать отправки.

Отключить обнаружение форм

Возможно, вы захотите отключить обнаружение форм, если на вашем сайте больше нет форм или если вы решите не использовать Netlify для управления своими формами. Отключение обнаружения формы уменьшит постобработку и может ускорить развертывание.

Чтобы отключить обнаружение форм для вашего сайта:

  1. В пользовательском интерфейсе Netlify перейдите к

    Конфигурация сайта > Формы > Настройки > Обнаружение форм

    .

  2. Выберите Отключить определение формы .

  3. Появится запрос на подтверждение. Чтобы продолжить, введите название своего сайта и выберите Отключить обнаружение форм .

Начиная со следующего развертывания вашего сайта, Netlify больше не будет сканировать ваши развертывания на наличие форм и отключит обработку отправки форм для любых новых или обновленных форм.

Предупреждение

Отключение обнаружения форм предназначено только для сайтов, которые не используют Netlify Forms. Если ваш сайт использует Netlify Forms, мы рекомендуем удалить формы из кода вашего сайта или изменить ваш код для обработки отправки другими способами, прежде чем отключать обнаружение форм.

Повторно включить обнаружение форм

Если вы ранее использовали Netlify Forms и отключили автоматическое обнаружение форм, выполните следующие действия, чтобы снова включить обнаружение форм:

  1. В пользовательском интерфейсе Netlify перейдите к

    Конфигурация сайта > Формы > Настройки > Обнаружение формы

    .

  2. Выберите Включить определение формы .

  3. Повторно разверните свой сайт.

После повторного развертывания вашего сайта Netlify автоматически просканирует ваши развертывания на наличие форм и снова начнет принимать заявки.

HTML-формы

После того, как вы включите обнаружение форм, добавьте HTML-форму на свой сайт с data-netlify="true" или атрибут netlify в теге 

. Разверните свой сайт с включенной формой, и вы сможете начать получать материалы в панели администратора сайта Netlify.

Атрибут name вашей формы определяет то, что мы называем формой в пользовательском интерфейсе Netlify. Если у вас есть более одной формы на сайте, каждая форма должна иметь свой атрибут имени .

Вот пример использования атрибута data-netlify="true" или netlify атрибут в вашей форме:

Когда Netlify анализирует статический HTML для добавленной вами формы, система сборки автоматически удаляет атрибут data-netlify="true" или netlify из тега

и вводит скрытый ввод с именем form-name . В результирующем развернутом HTML атрибут data-netlify="true" или netlify отсутствует, а скрытое имя формы входное значение соответствует имя атрибут <форма> примерно так:

Отправка HTML-форм с помощью AJAX

Вы не обязаны, но вы можете отправлять статические HTML-формы с помощью AJAX.

Статическая HTML-форма, отправленная таким образом, должна иметь атрибут data-netlify=true или netlify внутри тега

. Пример установки этих атрибутов см. в разделе HTML-формы.

Вот пример отправки формы AJAX с использованием fetch API для статической HTML-формы:

Требования к запросу:

  • Тело запроса должно быть закодировано в URL-адресе. В приведенном выше примере форма передается конструктору FormData . Затем этот объект кодируется с помощью конструктора URLSearchParams и преобразуется в строку. Обратите внимание, что Netlify Forms в настоящее время не поддерживает данные формы JSON.
  • Если форма принимает только буквенно-цифровые данные, запрос должен включать заголовок «Тип контента»: «application/x-www-form-urlencoded» . Если форма принимает загрузку файлов, включение заголовка Content-Type не рекомендуется.

Формы JavaScript

Вам не нужно включать дополнительный JavaScript на свой сайт, чтобы использовать формы Netlify. Но, если вы хотите, вы можете использовать JavaScript для отображения формы на стороне клиента. Вы также можете отправлять формы, обработанные JavaScript, через AJAX.

Работа с формами, созданными с помощью JavaScript

Система сборки Netlify находит ваши формы, анализируя HTML-код вашего сайта после завершения сборки. Это означает, что если вы используете JavaScript для рендеринга формы на стороне клиента, наша система сборки не найдет его в готовых файлах. Вы можете обойти это:

  • Создайте скрытую HTML-форму с атрибутом data-netlify="true" или атрибутом netlify и полями ввода с атрибутами name , ​​чтобы они соответствовали входным данным вашей формы, обработанной с помощью JavaScript. Вам нужно применить тот же обходной путь, если вы хотите использовать нашу интеграцию reCAPTCHA 2, и создать элемент div в скрытом HTML с атрибутом data-netlify-recaptcha="true" .

  • Добавить скрытый ввод в форму с визуализацией JavaScript или форму JSX:

Вы также можете найти соответствующие руководства в нашем блоге:

  • Как интегрировать обработку форм Netlify в приложение React
  • Как интегрировать формы Netlify в приложение Vue

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

Отправка форм с визуализацией JavaScript с помощью AJAX

Чтобы отправить форму с визуализацией JavaScript, созданную с помощью таких фреймворков, как Gatsby или Nuxt, вы можете отправить запрос AJAX POST по любому пути на вашем сайте. Требования к запросу:

  • Вам необходимо URL-кодировать данные формы в теле запроса.
  • Если вы не добавили скрытый ввод form-name в форму, отображаемую с помощью JavaScript, вам необходимо отправить атрибут form-name в теле запроса AJAX POST.
  • Если форма принимает только буквенно-цифровые данные, запрос должен включать заголовок "Content-Type": "application/x-www-form-urlencoded" . Если форма принимает загрузку файлов, включая Content-Type 9Заголовок 0864 не рекомендуется.

Вот пример кода отправки формы AJAX с использованием API fetch для формы, созданной с помощью JavaScript. Он использует функцию Gatsby навигации для перенаправления на пользовательскую страницу при успешной отправке формы.

Для формы, созданной с помощью JavaScript, вам необходимо добавить скрытый ввод с name="form-name" к возвращаемым элементам формы. Вот пример:

В приведенном выше примере кода handleChange 9Функция 0864 обновляет состояние формы, которое в конечном итоге отправляется в POST-запросе к Netlify.

Сообщения об успешном завершении

По умолчанию, когда посетители заполняют форму, они перенаправляются на страницу с общим сообщением об успешном завершении со ссылкой на страницу формы.

Пользовательская страница успеха

Вы можете заменить страницу успеха по умолчанию пользовательской страницей, которую вы создаете, добавив атрибут action к тегу

, ​​введя путь к вашей пользовательской странице (например, "/pages/success" ) в качестве значения. Путь должен указываться относительно корня сайта, начиная с /. Вот пример:

Если вы отправляете форму с помощью AJAX, обратитесь к этому специфичному для Gatsby примеру того, как настроить пользовательскую страницу успеха.

Пользовательское оповещение об успешном завершении

Если вы используете AJAX для отправки формы, вы можете заменить оповещение вместо перенаправления на общую или пользовательскую страницу. Вот пример HTML-формы:

Загрузка файлов

Для получения информации о взаимодействии с загруженными файлами посетите страницу отправленных материалов.

Netlify Forms может получать файлы, загруженные при отправке форм. Для этого добавьте ввод с type="file" в любую форму. Хотя большинство браузеров определяют кодировку автоматически, вы можете дополнительно включить enctype="multipart/form-data" в тег

, ​​

Вот пример HTML-формы с полем для загрузки файла:

Загрузка файла security

Формы, которые принимают загрузку файлов, содержащих личную информацию (PII), требуют дополнительной настройки безопасности. Мы рекомендуем использовать интеграцию Very Good Security для этого типа безопасной загрузки форм.

Ограничения

При работе с загрузкой файлов в формы помните о следующих соображениях.

  • Поддерживается только одна загрузка файла на поле. Для загрузки нескольких файлов используйте несколько полей.
  • Форма запроса имеет максимальный размер 8 МБ.
  • Время загрузки файла истекло через 30 секунд.

Отправка загрузки файлов с помощью AJAX

При отправке формы с загрузкой файла не рекомендуется включать заголовок Content-Type . Браузер должен обнаружить и установить Content-Type автоматически.

Вот пример кода отправки формы AJAX с использованием API fetch для приведенной выше HTML-формы с загрузкой файла:

  • Советы по устранению неполадок
  • Использование форм и выставление счетов
  • Рекомендуется для вас: Функции

    Используйте бессерверные функции для запуска серверного кода по запросу без необходимости управлять выделенным сервером.