XForms, Secret

The XForms secret control

People that are sitting near you should not be able to see your password as you enter it. The secret control echos a "*" to the screen for each character you type.

Screen Image

Here is what the user interface would look like:

Sample Program

xmlns="http://www.w3.org/1999/xhtml"
xmlns:ev="http://www.w3.org/2001/xml-events"
xmlns:xf="http://www.w3.org/2002/xforms">;

Sample XForms Login
type="text/css">
@namespace xf url("http://www.w3.org/2002/xforms");

xf|group {
display: table;
}

xf|input, xf|secret {
display: table-row;
}

xf|value {
text-align: left;
}

xf|label, legend {
display: table-cell;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: right;
width: 100px;
}
]]>

xmlns="">

/>
/>

System Login
ref="LoginID">
Login:

/>
ref="Password">
Password:

Testing

The login characters should be echoed back but the password field should just echo a "*" character for every character the user types.

Discussion

The values for the login and password are stored directly in the model.

This example uses a CSS style sheet to put the labels and fieldset legend in bold and align the login and password labels.

By default the fieldset box stretches the entire width of the page. You can make it static by adding a style attribute with the width set to 250 pixels like this:

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.