AUTOCOMPLETE TEXTBOX USING JQUERY
DESCRIPTION:
THE TEXT BOX WITH AUTO SUGGESTION OR AUTO COMPLETE TEXT BOX CAN BE DONE WITH THE USE OF JQUERY 1.9.1 JS AND JQUERY UI 1.10.4.
STEP 1: CREATE A TEXT BOX WITH SOME NAME ANY ID.
STEP 2: NOW ON THE HEADER SECTION ADD THE FOLLOWING CODE
STEP 3: AFTER ADDING THE STYLE AND SCRIPT ON THE HEADER SECTION ADD THE FOLLOWING SCRIPT IN BODY OR HEAD OF THE HTML, WITH THE NO. OF INPUTS FOR THE AUTO SUGGESTION TEXTBOX.
STEP 4:
ADD THE UI CLASS AS SHOWN BELO IN THE TEXTBOX TAG
NOW YOU HAVE DONE NOW TYPE AND SEE THE INPUT, FOLLOWING SHOWS THE RESULT OF MY EXAMPLE.
DESCRIPTION:
THE TEXT BOX WITH AUTO SUGGESTION OR AUTO COMPLETE TEXT BOX CAN BE DONE WITH THE USE OF JQUERY 1.9.1 JS AND JQUERY UI 1.10.4.
STEP 1: CREATE A TEXT BOX WITH SOME NAME ANY ID.
STEP 2: NOW ON THE HEADER SECTION ADD THE FOLLOWING CODE
STEP 3: AFTER ADDING THE STYLE AND SCRIPT ON THE HEADER SECTION ADD THE FOLLOWING SCRIPT IN BODY OR HEAD OF THE HTML, WITH THE NO. OF INPUTS FOR THE AUTO SUGGESTION TEXTBOX.
STEP 4:
ADD THE UI CLASS AS SHOWN BELO IN THE TEXTBOX TAG
NOW YOU HAVE DONE NOW TYPE AND SEE THE INPUT, FOLLOWING SHOWS THE RESULT OF MY EXAMPLE.
No comments:
Post a Comment