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
Get step-by-step solutions from verified subject matter experts
