Answered step by step
Verified Expert Solution
Question
1 Approved Answer
In this task, you are asked to build a web-form to replicate the Cookie Order Form shown below. Please use the Bootsratp components and valid
In this task, you are asked to build a web-form to replicate the Cookie Order Form shown below. Please use the Bootsratp components and valid CSS rules to complete this form. Task5.1.1 Cookie Order Form (large window) It is important that the form is 'responsive' to the device it is displayed on (i.e., large monitor or small mobile screen) - ensuring the input fields rearrange correctly as the window size is reduced. An example of the form displayed on a smaller screen is shown below. Homemade Cookies Delivered to Your Door We delivery boxes of freshly baked cookies to your door. Please fill in the form below to place your order. Order Details ORDER FORM Select a cookie type: Contact Details Your name: Number of boxes: Phone number: Optional extras: Extra Choc-chips Icing Sugar Almond flakes Caramel Email: Delivery Details Delivery Address: Order Details Select a cookie type: Delivery Date: Number of boxes: Delivery options: Optional extras: Remember me Dalivaru Dataile Task5.1.2 Cookie Order Form (small window) When completing this form, take into account the following requirements: 1. Consider the data being requested for each field and ensure the relevant controls are used. For example, for the phone number field, this should only accept numbers. 2. Ensure all required fields are completed before allowing the form to be submitted. 3. Remember the form should be responsive and the labels/fields should arrange properly when the screen is reduced to a smaller size
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