Computer scienceFrontendHTMLForms

Input attributes

Theory

Create a form

Report a typo

Create the form in the image below fulfilling these conditions:

  • The "First name" input field must be neither editable nor any user must be able to copy its data.

  • The initial value of the "Second name" input field must be "Enter your second name".

  • The size of the "Email" input field must be 30.

Form fileds – first name as disabled text input, second name as prefilled text input, email as text input, password as text input and the submit button

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 with relevant attributes</title>
</head>

<body>
<form action="">
<label for="firstname">First name:</label>
<input
type="text"
name="firstname"
id="firstname"
value="Alexandria"
/>
<label for="secondname">Second name:</label>
<input
type="text"
name="secondname"
id="secondname"
/>
<label for="email">Email:</label>
<input type="email" name="email" id="email" />
<label for="password">Password:</label>
<input type="password" name="password" id="password" />
<button type="submit">submit</button>
</form>
</body>
</html>

Completed 1 of 4
Modify the first name field as per given instructions.
Modify the second name input field as per given instructions.
___

Create a free account to access the full topic