4.1 Create an input hint
Open the file /exercises/index.html in your browser. Use the file /exercises/js/inputHint.js or work in Firebug. Your task is to use the text of the label for the search input to create “hint” text for the search input. The steps are as follows:
Set the value of the search input to the text of the label element
Add a class of “hint” to the search input
Remove the label element
Bind a focus event to the search input that removes the hint text and the “hint” class
Bind a blur event to the search input that restores the hint text and “hint” class if no search text was entered
mkangia
commented
9 years ago
https://github.com/Abdul-Azeez/jqueryfundamentals/blob/master/jqfundamentals-master/exercises/chapter4/js/inputHint.js
4.1 Create an input hint Open the file /exercises/index.html in your browser. Use the file /exercises/js/inputHint.js or work in Firebug. Your task is to use the text of the label for the search input to create “hint” text for the search input. The steps are as follows:
Set the value of the search input to the text of the label element
Add a class of “hint” to the search input
Remove the label element
Bind a focus event to the search input that removes the hint text and the “hint” class
Bind a blur event to the search input that restores the hint text and “hint” class if no search text was entered