Home : Help Center : Answers

How do I add a TechTerms Search Box to my website?

A: You can provide your website visitors with easy access to computer definitions by including a TechTerms Search Box in your website. Adding the search box is easy and free! You can use the code below to place the following TechTerms Search Box on your website:

TechTerms Search Box

Simply place the following HTML5 code in any page where you would like to add the Tech Terms Search Box.

<!-- Begin TechTerms Search Box -->
<style>
#techterms { width: 175px; text-align: center; border: 2px solid #00695C; border-radius: 5px; margin: 20px auto; overflow: hidden; }
#techterms img { width: 175px; height: 40px; padding: 0; border: 0; margin: 0 0 -6px 0; }
#techterms #term { width: 116px; height: 25px; font-size: 16px; padding: 0 5px; border: 1px solid #009688; border-radius: 5px; margin: 8px auto 6px auto; vertical-align: middle; }
#techterms #term:focus { background: #FFFDE7; outline: none; border-color: #004D40; }
#techterms #submit { width: 30px; height: 25px; color: #FFF; background: #00796B; border: 1px solid #00695C; border-radius: 5px; margin: 2px 0 0 0; vertical-align: middle; }
#techterms #submit:hover { background: #00695C; }
</style>
<form action="https://techterms.com/search" method="get" id="techterms">
<a href="https://techterms.com/" target="_blank"><img src="https://techterms.com/img/main/techterms.png" alt="TechTerms Search Box"></a>
<input type="text" name="term" id="term"> <input type="submit" name="submit" id="submit" value="Go">
</form>
<!-- End TechTerms Search Box -->

NOTE: You can customize the above code as needed to fit the style of your website.

When your visitors type in a term, they will get a definition straight from the Tech Terms Computer Dictionary!

If you have any questions about adding a TechTerms Search Box to your website or customizing the code, please contact Tech Terms.

Updated: April 7, 2017