Answered: Write the whole HTML page from the…

Microsoft Visual C#

7th Edition

ISBN:9781337102100

Author:Joyce, Farrell.

Publisher:Joyce, Farrell.

Chapter13: Handling Events

Section: Chapter Questions

Problem 6RQ

See similar textbooks

Related questions

Question

Write the whole HTML page from the DOCTYPE declaration to the closing HTML tag and code a web form that include the following requirements:

Three inputs: First name, Last name, Email with appropriate labels and placeholder text;
A drop-down list containing the following options: Student, Faculty;
Two radio buttons containing the following options: Full-time, Part-time;
Controls labeled "Send Registration" and "Clear All Fields". When the Send Registration control is clicked on, the user input will be sent to https://learndigital.dev/DGL103/dgl103-form.php for processing. When Clear All Fields is clicked, any data that was entered into the form is cleared.
Make sure that all the data is sent securely.

Add internal CSS (and extra HTML if you need to) so that your page looks like the image below. DON'T include more CSS than you need to:

The form is 400px wide;
The form is centred on the page and has a top margin of 40px;
The text, email and select type inputs take up 100% of their parent element's width using the border-box box-sizing value;
Margin and padding are applied to the inputs as needed;
The radio buttons only take up as much width as they need and they side-by-side their labels;
The "Send Registration" and "Clear All Fields" controls only take up as much width as they need and they sit side-by-side, at opposite ends of the form;
Use flexbox where you can.

Document
X
+
℗ File /Users/cg-admin/Desktop/TEMP/Assignment%20G%20CVS1-12-06-20...
First Name
First Name
Last Name
Last Name
Email
jane@mail.com
Position:
Student
Work hours-
O Full-time O Part-time
Clear All Fields
☆
Send Registration
Update

Expert Solution

Step by step

Solved in 4 steps with 1 images

SEE SOLUTION Check out a sample Q&A here

Knowledge Booster

Learn more about

Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.