Try it Yourself: CSS Forms

CSS Forms

<!DOCTYPE html>
<html>
<head>
<style>
input[type='text'],
input[type='email'],
input[type='password'],
textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 1rem;
}
</style>
</head>
<body>

<input type="text" placeholder="Full name">
<input type="email" placeholder="Email address">
<input type="password" placeholder="Password">
<textarea placeholder="Message"></textarea>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
input[type='text'],
input[type='email'],
input[type='password'],
textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 1rem;
}
</style>
</head>
<body>

<input type="text" placeholder="Full name">
<input type="email" placeholder="Email address">
<input type="password" placeholder="Password">
<textarea placeholder="Message"></textarea>

</body>
</html>