Атрибут translate тега <datalist>

Описание

Атрибут translate определяет, следует ли переводить содержимое элемента <datalist> при использовании автоматического перевода страницы (например, в Google Translate). Этот атрибут особенно полезен для списков предопределенных вариантов ввода, которые должны оставаться неизменными независимо от языка страницы.

Пример использования:
<label for="browser">Выберите браузер:</label> <input list="browsers" id="browser" name="browser"> <datalist id="browsers" translate="no"> <option value="Chrome"> <option value="Firefox"> <option value="Safari"> <option value="Edge"> <option value="Opera"> </datalist>

Значения атрибута:

Значение Описание Когда использовать
yes Разрешает перевод содержимого (значение по умолчанию) Для текста, который должен быть переведен
no Запрещает перевод содержимого Для технических терминов, имен собственных, брендов

Рекомендации по использованию:

  • Используйте translate="no" для списков:
    • Технических терминов
    • Названий брендов и продуктов
    • Имен собственных
    • Кодовых обозначений
  • Для обычного текста можно оставить значение по умолчанию (yes)
  • Сочетайте с атрибутом translate на элементах <option> для точного контроля

Пример с вложенными элементами:

<datalist id="countries" translate="no"> <option value="USA" translate="no">United States</option> <option value="UK" translate="no">United Kingdom</option> <option value="Germany">Германия</option> <option value="France">Франция</option> </datalist>

Важные замечания:

  • Атрибут translate - это только подсказка для переводчиков, а не строгое правило
  • Некоторые системы перевода могут игнорировать этот атрибут
  • Для важных случаев используйте неизменяемые значения в value и переводимый текст в содержимом <option>
  • Проверяйте работу перевода в разных браузерах

Примечание: Правильное использование атрибута translate помогает сохранить целостность данных в формах при автоматическом переводе страницы, особенно важно для мультиязычных приложений.