Computer scienceFrontendHTMLForms

Input attributes

Theory

Practice with attributes

Report a typo

Look at the HTML form below. Modify the code so that the following conditions are fulfilled.

  • The name input field must have "Enter your name" as the initial value.
  • The email input field must be read-only.
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>Attributes</title>
</head>

<body>
<form action="">
<label for="name">Name:</label>
<input type="text" name="name" id="name"/>
<label for="email">Email:</label>
<input
type="email"
name="email"
id="email"
value="[email protected]"
/>
</form>
</body>
</html>

Completed 1 of 3
Modify the name input field as per given instructions.
Modify the email input field as per given instructions.
___

Create a free account to access the full topic