Picture clause support for HTML5 forms

Last update: June 24, 2024

CREATED FOR:

  • Admin
  • User
  • Developer

HTML5 forms supports XFA Picture clause for display value and formatted value for date, text, and numeric symbols. Following Picture clause Expressions are supported:

  • category(locale){picture-clause} | category(locale){picture-clause} | category(locale)
  • category.subcategory{}
NOTE
At present, Mobiles Forms does not support Edit Picture clause. Also, DateTime and Time Picture clause symbols are not supported.

Supported Date Field Symbols

Supported expression for Date Picture clause:

  • date.long{}
  • date.short{}
  • date.medium{}
  • date.full{}
  • date.short{}
  • date
NOTE
The default pattern of picture clause is {MMM D, YYYY} pattern. If no pattern is applied, the default pattern is used.
SymbolInterpretation
D1- or 2-digit (1-31) day of the month
DDZero-padded two digit (01-31) day of the month.
M1- or 2-digit (1-12) month of the year.
MMZero-padded two digit (01-12) month of the year.
MMMAbbreviated month name of the current locale
MMMMFull month name of the current locale
EEEAbbreviated weekday name of the current locale
EEEEFull weekday name of the current locale
YY2-digit year, where 00 = 2000, 29 = 2029, 30 = 1930, and 99 = 1999
YYYY4-digit year
NOTE
As per design, the Date field in HTML5 Forms does not support the MM-YYYY pattern in edit format. However, the pattern is supported in the display format.

Numeric Picture Clause

HTML5 forms support Numeric Picture symbols. However, there is a difference in support between PDF Forms and HTML Forms.

In PDF Forms, a number is formatted irrespective of the number of symbols in the Picture clause has

In HTML Forms, a number is formatted only if the number has digits less than the number of symbols in the Picture clause.

Example: Consider a Picture clause: num{zzz,zzz,zz9}.

The number 10000 is formatted as 10,000 in both HTML and PDF Forms.

The number 1000000 is formatted as 1,000,000 in PDF forms. However, in HTML Forms the number remains unformatted as 1000000.

Supported expressions for Numeric Picture clause in HTML Forms are:

  • num.integer{}
  • num.decimal{}
  • num.currency{}
  • num.percent{}
  • num
SymbolInterpretationInput parsing
9Output formatting: a single digit. Or for the zero digit if the input data is empty or a space in the corresponding position.Single digit
ZOutput formatting: a single digit. Or for a space if the input data is empty, a space, or the zero digit in the corresponding position.Single digit or space
zOutput formatting: a single digit. Or for nothing if the input data is empty, a space, or the zero digit in the corresponding position.Single digit or nothing
EOutput formatting: the exponent part of a floating point number consisting of the exponential symbol (E). Followed by an optional plus or minus sign. Followed by the exponent value.Same as for output formatting
CR or crCredit symbol (CR) if the number is negative. Else nothing.
S or sOutput formatting: a minus sign if the number is negative. Else space.Minus sign if the number is negative. Plus sign if the number is positive
VDecimal radix of the prevailing locale. Allowing the decimal radix to be implied when input parsing.
vDecimal radix of the prevailing locale. Allowing the decimal radix to be implied when input parsing and output formatting.
.Decimal radix of the prevailing locale.
, (U+FF0C)Grouping separator of the prevailing locale
$ (U+FF04)Currency symbol of the prevailing locale.
% (U+FF05)Percent symbol of the prevailing locale.
( (U+FF08)Left parenthesis if the number is negative. Else space.
) (U+FF09)Right parenthesis if the number is negative. Else space.
tTab Character

Text Picture Clause

HTML5 forms support the following Text Picture clause expressions:

  • text
SymbolInterpretation
ASingle alphabetic character.
XSingle character.
OSingle alphanumeric character.
0 (zero)Single alphanumeric character.
9Single digit.

Experience Manager


Espressos & Experience Manager: AEM Forms

Espressos & Experience Manager

Thursday, Mar 6, 7:00 PM UTC

Join Adobe's AEM product team as they highlight AEM Forms' latest innovations, including: the new Gen AI Assistant, Unified Composition with AEM Sites, and new ways to deploy forms through conversations.

Register

Connect with Experience League at Summit!

Get front-row access to top sessions, hands-on activities, and networking—wherever you are!

Learn more

Register now