Summary

We covered two widgets in this chapter; both of them are relatively new to the library and both work with <form> elements of some description. The button widget can be used to turn <a>, <button>, and <input> (of the button, submit, or reset type) into attractively and consistently styled-rich widgets.

The autocomplete widget is attached to an <input> element of the text type and is used to show a list of suggestions when the visitor begins typing into the <input> element. The widget is preconfigured to work with a local array of data or a URL that outputs data in the expected format. It can also be configured to work with data that is not in the expected format. We must first process the data being displayed before passing it to the widget, making this an extremely versatile and powerful widget.

We're almost at the end of the section covering the visible widgets, before focusing on the interaction helpers available with jQuery UI; let's take a look...