A request-for-quote form for service businesses — enough context to write a real quote, short enough that prospects actually finish it. The budget dropdown quietly qualifies leads before the first phone call.
<style>
.hf-form { display: grid; gap: 0.75rem; max-width: 28rem; font-family: system-ui, sans-serif; }
.hf-form label { font-weight: 600; font-size: 0.9rem; }
.hf-form input, .hf-form textarea, .hf-form select {
width: 100%; padding: 0.5rem 0.6rem; font: inherit;
border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box;
}
.hf-form button {
justify-self: start; padding: 0.55rem 1.4rem; font: inherit; font-weight: 600;
background: #0b6e4f; color: #fff; border: none; border-radius: 6px; cursor: pointer;
}
.hf-hp { position: absolute; left: -9999px; }
</style>
<form class="hf-form" action="https://example.com/your-endpoint" method="POST">
<label for="name">Name</label>
<input type="text" id="name" name="name" required>
<label for="email">Email</label>
<input type="email" id="email" name="email" required>
<label for="company">Company</label>
<input type="text" id="company" name="company">
<label for="approximate-budget">Approximate budget</label>
<select id="approximate-budget" name="approximate-budget">
<option>Under $1</option>
<option>000</option>
<option>$1</option>
<option>000–$5</option>
<option>000</option>
<option>$5</option>
<option>000–$20</option>
<option>000</option>
<option>Over $20</option>
<option>000</option>
<option>Not sure yet</option>
</select>
<label for="what-do-you-need">What do you need?</label>
<textarea id="what-do-you-need" name="what-do-you-need" rows="5" required></textarea>
<!-- honeypot: humans never see this; bots fill it in. Drop submissions where it has a value. -->
<input class="hf-hp" type="text" name="website" tabindex="-1" autocomplete="off" aria-hidden="true">
<button type="submit">Request quote</button>
</form>
An optional budget range tells you whether to reply with a tailored proposal or a polite pointer to your pricing page — it saves both sides a discovery call that goes nowhere.
That depends on your jurisdiction and wording. State a validity period ("this quote is valid 30 days") and your terms in the quote itself, not the form.
Tentmaker Stores gives you a complete online store — product pages, checkout and everything in between. Built for small makers and niche sellers.