Question: 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 toreplicate the Cookie Order Form shown below. Please use the Bootsratp components

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

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!