Answered step by step
Verified Expert Solution
Link Copied!

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

image text in transcribedimage text in transcribed

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

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image_2

Step: 3

blur-text-image_3

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

More Books

Students also viewed these Databases questions

Question

Make effective use of recognition to motivate others.

Answered: 1 week ago