<article class="wrapper">
<h1>Placeholder demo</h1>
<form action="/" method="GET" class="form">
<input type="text" name="name" id="name" placeholder="Your Name" class="form__text-input" autocomplete="off">
<input type="tel" name="phone" id="phone" placeholder="Phone (555-555-5555)" class="form__text-input" autocomplete="off">
<textarea name="message" id="message" placeholder="Message, what's on your mind?" class="form__text-input form__textarea"></textarea>
<button class="form__btn">Submit</button>
</form>
</article>
.form__text-input {
border: solid Silver 1px;
padding: 0.5rem;
width: 100%;
}
.form__text-input::placeholder {
color: #767676;
}
.form__textarea {
min-height: 5rem;
width: 100%;
}
.form__btn {
background-color: Crimson;
border: 0;
border-radius: 0.15rem;
color: White;
margin: 1.5rem 0;
padding: 0.5rem 1rem;
}
input,
textarea {
margin-bottom: 1rem;
}
