XForms, Textarea

Motivation

The user may enter more text than used in a typical single line input field and/or the programmer wants to use a large block of multi-line text to capture user input.

Method

When you have text input that spans multiple lines you can use the **** control. The format of the textarea control is the following:

ref="XPathExpression">
Note:

== Screen Image ==
Here is a screen image using the FireFox XForms extension:

[[Image:XForms-textarea.jpg|center|frame|XForms textarea control with label]]

Note that the label is aligned at the bottom of the left edge.

== Sample Style Sheet ==
Here is some sample CSS code that changes all of the text areas in a form to be 7 characters high and 500 pixels wide.
lang="css">
textarea {
font-family: sans-serif;
height: 8em;
width: 600px;
}

== Sample Program ==
lang="xml">

xmlns="http://www.w3.org/1999/xhtml"
xmlns:xf="http://www.w3.org/2002/xforms">;

XForms textarea

xmlns="">

/>

ref="Name" incremental="true">
Name:
</xf:output ref="Name">
ref="MyTextValue">
Note:

Discussion

One of the challenges is to be able to format the size of the textarea correctly. This is usually done in a style sheet.

Aligning the labels

Some forms place textareas within tables. These tables put the labels on the left cell and the textarea input box on the right. The following CSS will then align the labels at the top of the row.

/* align the label at the top of the left area */
xf|textarea > xf|label {
vertical-align: top;
}

Where this page came from

This page was imported from Wikibooks. From “XForms” on Wikibooks, by its contributors, under CC BY-SA 4.0. Changed here: set as a page; navigation and edit links left out; each image under its own licence, credited in its caption.

Nobody has written it yet — it is the source material at a new address, which is why search engines are asked to skip it and why no one earns from it. It is up for grabs: take it on, and it is yours to rewrite and to earn from.