В качестве значения атрибута action можно указать адрес электронной почты: Атрибут action | htmlbook.ru

Создание настраиваемой области действий для области форм

Twitter LinkedIn Facebook Адрес электронной почты

• Статья
• 04/07/2022
• Чтение занимает 3 мин

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

При создании настраиваемой меры можно указать следующие характеристики в XML-файле манифеста формы, который вы регистрируете для области форм:

• Имя отображения для настраиваемой акции.
• Будет ли пользовательское действие отображаться на ленте инспектора.
• Способ решения в результате элемента.
• Класс сообщений элемента, который является результатом выполнения действия.
• Способ, включающий тело текущего элемента в итоговом элементе.
• Способ, который Outlook при выполнении действия.
• Значение префикса в объекте в результате элемента.

Дополнительные сведения о регистрации области форм см. в дополнительных сведениях о регионах форм в Windows реестра.

Определение действий для области форм

Независимо от того, хотите ли вы изменить встроенное действие или создать настраиваемые действия, вы определяете действие в XML-файле манифеста формы. Определите эти действия в элементе customActions, заключив каждое действие в свой собственный элемент действия и идентифицируя его по обязательному атрибуту имени. Значение атрибута имени — это строка, представляюная внутреннее имя действия.

Указать внутреннее имя для действия

1. В XML-файле области формы укажите действие как элемент действия ребенка элемента customActions для этого региона формы.
2. Укажите внутреннее имя действия как значение атрибута имени элемента действия .

В следующем примере назначается replyToBlog внутреннее имя одного настраиваемого действия и postToBlog внутреннее имя другого настраиваемого действия:

<customActions>
    <action name="replyToBlog">
        <!-- further characterize this action -->
    </action>
    <action name="postToBlog">
        <!-- further characterize this action -->
    </action>
</customActions>

Определение настраиваемой меры

После определения действия в элементе действия можно дополнительно определить действие, указав дополнительные детские элементы для элемента действия.

Определение имени отображения для действия

1. В XML-файле области формы укажите действие как элемент действия ребенка элемента customActions для этого региона формы.
2. Укажите внутреннее имя действия как значение атрибута имени элемента действия .
3. Укажите отображаемого имени действия как значение элемента заголовка ребенка элемента действия .

В следующем примере назначается replyToBlog внутреннее имя настраиваемого действия, Reply to Blog а также отображаемая фамилия действия:

<customActions>
    <action name="replyToBlog">
        <title>Reply to Blog</title>
        <!-- Further characterize this action -->
    </action>
</customActions>

Чтобы указать, что действие должно отображаться на ленте инспектора

1. В XML-файле области формы укажите действие как элемент действия ребенка элемента customActions
   для этого региона формы.
2. Укажите внутреннее имя действия как значение атрибута имени элемента действия .
3. Укажите Значение True как значение элемента showOnRibbon для ребенка элемента действия.

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

<customActions>
    <action name="replyToBlog">
        <showOnRibbon>false</showOnRibbon>
        <!-- Further characterize this action -->
    </action>
</customActions>

Примечание

Вы можете назначить showOnRibbon как строковую, так и нитку. Указание True или 1 отображает действие на ленте; Указание False или

Чтобы указать способ решения в результате элемента

1. В XML-файле области формы укажите действие как элемент действия ребенка элемента customActions для этого региона формы.
2. Укажите внутреннее имя действия как значение атрибута имени элемента действия .
3. Укажите значение для детского элемента addressLike элемента действия .

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

<customActions>
    <action name="replyToBlog">
        <addressLike>replyAll</addressLike>
        <!-- Further characterize this action -->
    </action>
</customActions>

Примечание

Элемент child addressLike элемента действия может содержать одно из следующих значений:

Значение	Описание
forward	Адреса результатов элемента, как передовая сообщение, не указанное получателей. Это также сохраняет вложения в текущем элементе.
reply	Адресирует полученную строку в качестве стандартного ответа, отправитель указывается в строке To , а в строках CC или BCC нет никого.
replyAll	Адресирует полученную вещь, как сообщение для всех ответов, и все исходные получатели будут скопированы на полученную.
replyToFolder	Адресирует в текущей папке результативный элемент, например сообщение о публикации. Это также очищает объект в результате элемента.
ответ	Адресует в результате элемент в качестве ответа на голосование, при этом отправитель указан в строке To , и никто в строках CC или BCC .

• Указать класс сообщения и форму для элемента, в результате чего
• Чтобы указать, как тело текущего элемента включено в итоговом элементе
• Указать, как Outlook при выполнении действия
• Чтобы указать значение префикса в объекте итогового элемента

Поддержка и обратная связь

Есть вопросы или отзывы, касающиеся Office VBA или этой статьи? Руководство по другим способам получения поддержки и отправки отзывов см.

E-mail из формы

Отправка электронной почты из формы

Ниже приведен работающий пример формы, данные из которой можно отправить по эл. почте.

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

mailto:адрес_e-mail
Можно также указать тему (subject) сообщения:
mailto:адрес_e-mail?subject=тема_сообщения

Кроме атрибута ACTION в теге следует указать еще два атрибута: METHOD и ENCTYPE. Атрибут METHOD имеет значение POST или GET. Выбор значения отражается лишь на форме, в которой передаются данные. Если у вас нет особых причин задуматься об этом, выбирайте значение POST. Атрибуту ENCTYPE присвойте значение «text/plain». В этом случае отправляемое сообщение будет представлять собой последовательность пар вида имя_элемента=значение.

От кого:

Сообщение:

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

[email protected]
[email protected]
Сообщение=Привет
Отправить=Отправить

В приведенном выше примере мы делаем поверхностную проверку данных, введенных пользователем в форму. Если данные не удовлетворяют нашему критерию правильности, то мы должны предотвратить их отправку. Это можно сделать двумя способами. Первый способ заключается в присвоении свойству returnValue значения false (как в нашем примере). Тогда отменяется стандартная реакция на событие, в данном случае — реакция на событие onsubmit (отправка сообщения). Второй способ заключается в присвоении свойству action пустого значения. В нашем примере значение action пусто по умолчанию, поэтому выражение event.returnValue = false является излишним, но зато делает код сценария более понятным. В контексте нашего HTML-кода сценарий мог бы выглядеть и следующим образом:

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

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

Сайт автора

Иллюстрированный самоучитель по созданию сайтов › Веб-страницы, реагирующие на действия пользователя › Ввод данных пользователем в формы HTML [страница — 106] | Самоучители по работе в Internet

Тематика: Самоучители по работе в Internet

Одно из основных отличий новой версии HTML (4. 0) от предыдущих состоит в том, что теперь веб-страница может отслеживать действия пользователя и реагировать на них, изменяя свой вид. В этой главе мы рассмотрим несколько примеров такой реакции. Однако сначала давайте рассмотрим классический способ взаимодействия с пользователем, появившийся еще в предыдущих версиях языка.

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

Получение информации от пользователя

В качестве примера давайте рассмотрим страницу для отзывов клиентов об услугах гипотетической фирмы “Лентяй”. Это, конечно, будет не совсем то, что обычно подразумевается под книгой отзывов на сайте. Просто мы предоставим пользователю возможность ввести информацию и отправить ее на сервер (как уж она будет там обрабатываться, мы сейчас рассматривать не будем).

Итак, возьмем заголовок и правую часть веб-страницы. Только добавим ссылку на страницу “Услуги” и снимем ее с “Книги отзывов”:

<DIVCLASS="rght">

    <DIVCLASS="lnk">

        <AHREF="main.html">УСЛУГИ</A>

    </DIV>

    <DIVCLASS="lnk">

        <AHREF="prices. html">ЦЕНЫ</A>

    </DIV>

    <DIVCLASS="lnk">

        <AHREF="forml.html">Форма ЗАКАЗА</A>

    </DIV>

    <DIVCLASS="lnk">

        <AHREF="history. html">История <SPANSTYLE="letter-spacing: -3px;">КОМПАНИИ</SPAN></A>

    </DIV>

    <DIVCLASS="lnk">Книга ОТЗЫВОВ</DIV>

А в левую часть страницы давайте поместим форму. Для этого сначала добавим специальный тег <FORM>, без которого невозможно будет отправить данные на сервер обычными средствами. Здесь нам потребуется указать атрибут METHOD=, с помощью которого браузер определяет способ отправки данных: в виде “добавки” к строке URL (метод get) или в виде блока данных (метод post). В качестве значения атрибут ACTION= необходимо указать URL-адрес сервера, куда отправятся данные. Здесь можно также указать адрес электронной почты (с префиксом mailto:) – в этом случае данные формы отправятся по указанному адресу. В нашем случае давайте укажем гипотетический URL-адрес сервера cgi.lentyay.com, где обработка данных формы будет происходить с помощью какого-нибудь CGJ-сценария:

<FORMACTION="http://cgi.lentyay.corn/guest.cgi"METHOD="post">

В конце формы должен стоять закрывающий тег </FORM>. Все, что находится внутри, можно будет сообщить серверу. Для отправки данных формы традиционно используется кнопка с названием Submit (Отправить). Для ее создания можно использовать тег <INPUT> с атрибутом TYPE=»submit»:

<INPUTTYPE="submit"VALUE="Отправить">

Атрибут VALUE= при этом определяет надпись на кнопке. Если его не задать, то на кнопке будет написано Submit. Какие же данные будут отправлены? Для начала давайте спросим у пользователя его имя, выделив для этого небольшое однострочное текстовое поле, и мнение об услугах фирмы, для чего выделим многострочное текстовое поле.

Поля для ввода текста

Чтобы создать однострочное текстовое поле, нужно также воспользоваться тегом <INPUT>, но уже с атрибутом TYPE=»text». При этом его ширина задается с помощью атрибута SIZE=. Чтобы программе обработки данных (или человеку, который будет в этих данных разбираться) было понятно, какие данные к какому полю относятся, желательно для каждого поля указать атрибут NAME=. В данном случае мы запрашиваем у пользователя его имя, поэтому пусть значением этого атрибута будет слово Имя (по-английски тоже Name):

<INPUTTYPE="text"NAME="Name"VALUE="Аноним"SIZE="30">

При этом атрибут VALUE= определяет, что будет изначально написано в текстовом поле. Обратите внимание на то, что атрибут SIZE= определяет только видимую ширину текстового поля, но вовсе не ограничивает количество вводимых пользователем символов. Если же надо ввести такое ограничение, то следует пользоваться атрибутом MAXLENGTH=.

– Хорошо, – скажете вы, – но как пользователь узнает, что от него требуется ввести в это поле?

Чтобы дать ему “подсказку”, можно просто написать ее текст перед текстовым полем:

Ваше имя: <INPUTTYPE="text"NAME="Name"VALUE="Аноним"SIZE="30">

• « первая
• ‹ предыдущая
• …
• 101
• 102
• 103
• 104
• 105
• 106
• 107
• 108
• 109
• 110
• 111
• …
• следующая ›
• последняя »

Если Вы заметили ошибку, выделите, пожалуйста, необходимый текст и нажмите CTRL + Enter, чтобы сообщить об этом редактору.

 — HTML: Язык гипертекстовой разметки

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

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

В браузерах, которые не поддерживают ввод типа email , ввод email возвращается к стандартному текстовому вводу.

Атрибут value элемента содержит строку, которая автоматически проверяется на соответствие синтаксису электронной почты. В частности, есть три возможных формата значений, которые пройдут проверку:

1. Пустая строка («»), указывающая, что пользователь не ввел значение или что значение было удалено.
2. Один правильно сформированный адрес электронной почты. Это не обязательно означает, что адрес электронной почты существует, но, по крайней мере, он правильно отформатирован. Проще говоря, это означает имя пользователя@домен или имя пользователя@домен.tld . Конечно, это еще не все; см. Проверка регулярного выражения, соответствующего алгоритму проверки адреса электронной почты.
3. Если и только если указан атрибут , кратный , значение может быть списком правильно сформированных адресов электронной почты, разделенных запятыми. Все конечные и начальные пробелы удаляются из каждого адреса в списке.

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

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

list

Значения атрибута list — это id элемента , расположенного в том же документе. предоставляет список предопределенных значений, которые можно предложить пользователю для этого ввода. Любые значения в списке, несовместимые с типом , не включаются в предлагаемые варианты. Предоставленные значения являются рекомендациями, а не требованиями: пользователи могут выбрать из этого предопределенного списка или указать другое значение.

maxlength

Максимальное количество символов (в единицах кода UTF-16), которое пользователь может ввести во ввод электронной почты . Это должно быть целочисленное значение от 0 или выше. Если maxlength не указано или указано недопустимое значение, вход электронной почты не имеет максимальной длины. Это значение также должно быть больше или равно значению minlength .

Ввод не пройдет проверку ограничения, если длина текстового значения поля больше maxlength Длина единиц кода UTF-16. Проверка ограничения применяется только тогда, когда значение изменяется пользователем.

minlength

Минимальное количество символов (в единицах кода UTF-16), которое пользователь может ввести во ввод электронной почты . Это должно быть неотрицательное целое число, меньшее или равное значению, указанному параметром maxlength . Если minlength не указано или указано недопустимое значение, вход электронной почты не имеет минимальной длины.

Ввод не пройдет проверку ограничения, если длина текста, введенного в поле, меньше minlength Длина единиц кода UTF-16. Проверка ограничения применяется только тогда, когда значение изменяется пользователем.

множественный

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

Примечание: Обычно, если вы указываете обязательный атрибут , пользователь должен ввести действительный адрес электронной почты, чтобы поле считалось действительным. Однако, если вы добавите атрибут , составляющий несколько , допустимым значением будет список нулевых адресов электронной почты (пустая строка или строка, полностью состоящая из пробелов). Другими словами, пользователю не нужно вводить даже один адрес электронной почты, когда указано , кратное , независимо от значения , требуемого .

шаблон

Атрибут шаблон , если он указан, является регулярным выражением, которому входное значение должно соответствовать, чтобы значение прошло проверку ограничения. Это должно быть допустимое регулярное выражение JavaScript, используемое типом RegExp , и как описано в нашем руководстве по регулярным выражениям; флаг 'u' указывается при компиляции регулярного выражения, чтобы шаблон обрабатывался как последовательность кодовых точек Unicode, а не как ASCII. Вокруг текста шаблона не должно указываться косая черта.

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

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

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

 <тип ввода = "электронная почта" несколько />
 

 
<список данных>
  
  
  
  
  

 

 тело {
  шрифт: 16px без засечек;
}
.почтовый ящик {
  нижний отступ: 20px;
}
.окно сообщения {
  нижний отступ: 20px;
}
этикетка {
  высота строки: 22px;
}
метка :: после {
  содержание: ":";
}
 

 <форма>
  <дел>
    Ваш адрес электронной почты

    <ввод
     
      тип = "электронная почта"
      размер = "64"
      максимальная длина = "64"
      требуется
      заполнитель = "имя пользователя@beststartupever. com"
      шаблон=".+@beststartupever\.com"
      title="Пожалуйста, указывайте только лучший корпоративный адрес электронной почты для стартапов" />