<form action="">
  
  <div>
    <label for="school">School Name:</label>
    <input id="school" name="schoo" type="text" placeholder="Cherry River Middle School">
  </div>
  
  
  
</form>
label {
  display: block;
  color: white;
  margin: 0 0 4px;
}
input {
  border: #000;
  padding: 10px;
  font-size: 1.2em;
  width: 100%;
}
input::placeholder {
  color: red;
}
label, input {
  font-family: sans-serif;
}
form {
  width: 65%;
}

body {
  background: #333;
  display: flex;
  justify-content: center;
  align-items: center;
}
* {
  box-sizing: border-box;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.