Question
(Laying Out Book Pages in HTML5: Adding figures) Modify your solution to Exercise 3.9 to add the sections graphics as figures. The images are provided
(Laying Out Book Pages in HTML5: Adding figures) Modify your solution to Exercise 3.9 to add the sections graphics as figures. The images are provided in the exerciseTextAndImages folder with this chapters examples.
Modify the solution below:
Basic HTML Structure
HTML page elements that we used
paragrah
bold text
heading sizes they are from h1 to h7
Code
3.2.1 Input Type Color
The color input type enables the user to enter a color. Opera displays a coor picker control that shows the default color(black) with a down arrow that ,when clicked,shows a drop-down with 20 basic colors or create a custom color.At the time of this writing,most browsers render the color input type as a text field in which the user can a hexadecimal code.
Autofocus Attribute
The autofocus attribute an optional attribute that can be used in only one input element on a form automatically gives the focus to the input element, allowing the user to begin typing in that element immediate.It shows auto focus on color element the first input element in our form as rendered in chrome.You do not need to include autofocus in your forms. Validation
Traditionally it's been difficult to validate user input,such as ensuring that e-mail address,URL,date or time is entered in the proper format.The new HTML5 input types are self validating on the client side,eliminating the need to add complicated JavaScript code to your web pages to validate user input,reducing the amount of invalid data submitted and consequently reducing Internet Traffic between the server and the client to correct invalid input.The server should still validate all user input.
When a user enters data into a form then submits the form (in this example,by clicking the Submit button),the browser immediately checks the self-validating elements to ensure that the data is correct.For example,if a user enters an incorrect hexadecimal color value when using a broser that renders the color elements as a text field(eg.,Chrome),a callout pointing to the element will appear,indicating that an invalid value was entered lists each of the new HTML5 input types and provides examples of the proper formats for each type of data to be valid.
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started