Testing the controls

If you save and refresh your form, you will now see this:

Screenshot of del.icio.us form with only URL field enabled.

Now, to see how relevance works, enter something in the URL control. If you don't have anything convenient, the URL for this handbook is:

http://skimstone.x-port.net/introduction-to-xforms

After you tab away from the control you should see the Title field become available, and it has a yellow background to draw attention to the appearance of the new control:

Screenshot of del.icio.us form with the title field enabled, with fading yellow background.

The yellow background quickly fades away:

Screenshot of del.icio.us form with the title field enabled.

Now add a title. If you are saving a bookmark for this handbook, then the title is:

An introduction to creating web applications with XForms.

This time, after you tab away both the Description control and the Save button should become visible:

Screenshot of del.icio.us form with the description field enabled.

If you're saving a bookmark to this tutorial, your previous entry will be updated. Paste the following to the Description field:

XForms is an exciting new language from the W3C that
can be used to create anything from simple forms to complex Web
2.0 applications. XForms are dynamic, cross-platform, accessible,
script-free...and 100% standard.

This handbook covers everything you need to know to get started
with XForms.

Your form should now look something like this, and you can go ahead and save the link:

Screenshot of del.icio.us form with the submit button enabled.