Computer scienceFrontendHTMLForms

Input types

Theory

Create a form

Report a typo

As shown in the image below, you have to create the same form with the semantic HTML input types and values. Your form must meet the following requirements:

  • The phone number must be in the range of 2-8 and it must contain the numbers in the sections of 4-2-4.

  • To get the same output as below, add two break tags after each input element.

Text input username, text input email and the text field phone number

Write HTML and CSS code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Create a Form</title>
</head>
<body>
<form action="">
<label for="username">Username:</label>
<label for="email">Email:</label>

<label for="contact">Phone no. :</label>
<input type="submit" />
</form>
</body>
</html>
Completed 2 of 5
Create an input field for username.
Create an input field for email.
___

Create a free account to access the full topic