Get in Touch
Contact form for constituents to reach agencies directly.
Design Guidance
| Required | Title, contact form |
| Optional | Content block |
Note: Requires a conversation about potential PII and spam from the form.
Contact Form
Get in Touch
Thank you for visiting TDOA, a Texas Department of Agency website created to provide support and resources for families in all stages of life.
If you have technical issues or difficulties locating information on this site, contact us using this form.
Please note: We cannot guarantee immediate support. This mailbox is monitored Monday-Friday during business hours and we will get back to you as soon as possible.
If you require more immediate assistance, contact www.TexasDeptofAgency.com. You can also call the Texas Department of Agency (TDOA) at (555) 555‑5555.
View HTML
<div class="txds-get-in-touch">
<h2 class="txds-get-in-touch__heading">Get in Touch</h2>
<div class="txds-get-in-touch__content">
<h4>Thank you for visiting TDOA, a Texas Department of Agency website created to provide support and resources for families in all stages of life.</h4>
<p>If you have technical issues or difficulties locating information on this site, contact us using this form.</p>
<p><strong>Please note:</strong> We cannot guarantee immediate support. This mailbox is monitored Monday-Friday during business hours and we will get back to you as soon as possible.</p>
<p>If you require more immediate assistance, contact www.TexasDeptofAgency.com. You can also call the Texas Department of Agency (TDOA) at <a href="tel:5555555555">(555) 555‑5555</a>.</p>
</div>
<form class="txds-get-in-touch__form">
<div class="txds-get-in-touch__field">
<label class="txds-get-in-touch__label" for="git-fname">First Name:</label>
<input class="txds-get-in-touch__input" id="git-fname" type="text" autocomplete="given-name">
</div>
<div class="txds-get-in-touch__field">
<label class="txds-get-in-touch__label" for="git-lname">Last Name:</label>
<input class="txds-get-in-touch__input" id="git-lname" type="text" autocomplete="family-name">
</div>
<div class="txds-get-in-touch__field">
<label class="txds-get-in-touch__label" for="git-email">Email:</label>
<input class="txds-get-in-touch__input" id="git-email" type="email" autocomplete="email">
</div>
<div class="txds-get-in-touch__field">
<label class="txds-get-in-touch__label" for="git-comments">Comments/Questions:</label>
<textarea class="txds-get-in-touch__textarea" id="git-comments"></textarea>
</div>
<button type="submit" class="txds-get-in-touch__submit">Submit</button>
</form>
</div>
Form Only (No Content Block)
Contact Us
View HTML
<div class="txds-get-in-touch">
<h2 class="txds-get-in-touch__heading">Contact Us</h2>
<form class="txds-get-in-touch__form">
<div class="txds-get-in-touch__field">
<label class="txds-get-in-touch__label" for="git2-fname">First Name:</label>
<input class="txds-get-in-touch__input" id="git2-fname" type="text" autocomplete="given-name">
</div>
<div class="txds-get-in-touch__field">
<label class="txds-get-in-touch__label" for="git2-lname">Last Name:</label>
<input class="txds-get-in-touch__input" id="git2-lname" type="text" autocomplete="family-name">
</div>
<div class="txds-get-in-touch__field">
<label class="txds-get-in-touch__label" for="git2-email">Email:</label>
<input class="txds-get-in-touch__input" id="git2-email" type="email" autocomplete="email">
</div>
<div class="txds-get-in-touch__field">
<label class="txds-get-in-touch__label" for="git2-comments">Comments/Questions:</label>
<textarea class="txds-get-in-touch__textarea" id="git2-comments"></textarea>
</div>
<button type="submit" class="txds-get-in-touch__submit">Submit</button>
</form>
</div>
CSS Classes
| Class | Description |
|---|---|
txds-get-in-touch |
Base container with gray background and padding. |
txds-get-in-touch__heading |
Section heading (e.g. Get in Touch). |
txds-get-in-touch__content |
Rich content block with introductory text. |
txds-get-in-touch__form |
Form element wrapper. |
txds-get-in-touch__field |
Label + input pair wrapper. |
txds-get-in-touch__label |
Form field label. |
txds-get-in-touch__input |
Single-line text input. |
txds-get-in-touch__textarea |
Multi-line textarea for comments. |
txds-get-in-touch__submit |
Yellow primary submit button. |