Type Ahead text, or word completion, is a feature in which an application predicts the rest of a word a user is typing. In graphical user interfaces, users can typically press the tab key to accept a suggestion or the down arrow key to accept one of several. This Spark UI Control comes with many configure items, appearance and behaviour options. We can trigger events that are fired when the user interacts as traditional html controls, The main benifit using this control is allows user for fast input as well as error prevention.
Start Empty, Item From Service, Items From List are the options in Item Lookup Mode as show in fig. This must be specified, and used with the matching option chosen.Type-ahead Items Service AJAX type-ahead service. Will only be called if item lookup mode is set to items from service, if you dont want to specify service, you can add items as shown in fig
Width Width in px, %, em; for example: 50px, 20%, 0.4em. If no unit is specified, px is assumed Size Style Default, Large, Small Label Placement Choose from drop-down list: Top or Left
You can specify tab index by using Tab Index Form control. tabbing indices start at 1, Label Placement Enter text you want the user to see to help them, Please see the below fig for Configuratio noptions settings.
This is the result…
Before user starts typing, you can see the placeholder text.
After the user starts typing.