Question: Create a seconddivelement in the web form that encloses a label with the text Phone* associated with the phoneBox control. Within thedivelement, add an input

Create a seconddivelement in the web form that encloses a label with the textPhone*associated with the phoneBox control. Within thedivelement, add an input box with the IDphoneBox, field namecustPhone, and placeholder text(nnn) nnn-nnnn. Make custPhone a required field and have any text entry follow the regular expression pattern^\d{10}$|^(\ (\d{3})\s*)?\d{3}[\s-]?\d{4}$. (Note: You can copy the regular expression code from the rb_regex2.txt file.)

Order Type

Add another div element to the web form containing the following code:

  • Insert aninputelement to create an option button for theorderTypefield with the IDdelivery. Make the option button checked by default. After the option button, insert a label associated with the delivery control containing the textDelivery.
  • Add aninputelement to create a second option button for theorderTypefield with the IDpickup, followed by a label associated with the pickup control containing the textPickup.

Delivery Info

Next within the form, create a field set with the IDdeliveryInfo. Within this field set, add the following:

  • A legend containing the textDelivery Options.
  • A text area box with the IDaddressBoxand field name ofdelAddresscontaining the placeholder textEnter delivery address.
  • A label containing the textDelivery Time (leave blank for earliest delivery)associated with the delBox control.
  • Add aninputelement with the IDdelBoxand field namedelTimefor storing delivery time values. Use a data type of "time" for the control.

Pickup Info

Next within the web form, create a field set with the IDpickupInfocontaining the following information for pickup orders:

  • A legend containing the textPickup Options.
  • A label containing the textPickup Time (leave blank for earliest pickup)associated with pickupBox control.
  • Add an input element with the IDpickupBoxand field namepickupTimefor storing time values. Add thedisabledattribute to the tag to disable this control when the form is initially opened. Use a data type of "time" for the control.

Submit Button

Finally, within the form, add adivelement containing a submit button displaying the textBegin Building your Order.

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 General Management Questions!