After creating all above we simple create a new autocompleter as new Ajax.autocompleter() to which we pass the id of field, id of span and the name of backend page.
When we type something in URL field we get a list of matching options. The trick here is in coding the backend page correctly i.e. we should generate appropriate entries in resultset which is not difficult. We are usually needed to use something like %word% in the query. Also we need to give unordered list formatted output to the autocompleter function. You can apply css to the result. You can fiddle with the appearance of the result so as to match your page. You'll find firebug very helpful while debugging this. Or on chrome similar functionality is provided via 'Inspect Element'. Next we move to editable fields, or how best to implement ASP.Net's datagridview like page in PHP.
Download the Project from HERE .