Modern browsers come with tools or extensions, which can be used by web developers to see under the hood of a page. As we want to examine the HTML that a JSF inputText
component produces, or renders (in JSF terms), we use the developer tools to view the actual HTML produced in the page.
I used Google Chrome for this book, but those of you who use Firefox will have the same standard tools available. The good news for those of you who use Internet Explorer is that version 11 also has a set of developer tools similar to those available in Google Chrome and Firefox.
In order to view the code, we don't right-click on the page and click on View code source anymore. If you do so now, you will see a simple page containing the text version of the HTML that was rendered. This is hard to read and often not formatted for us to read easily. What we actually do is place the cursor of the mouse over an element on the page, which is the input text...