Merriam-Webster Online

Merriam-Webster on Babylon-Pro: Get instant results from Merriam-Webster in any desktop application in a single click!
Upward Mobility--Make your move!: Classic Merriam-Webster content is now available on classic mobile platforms.

Merriam-Webster Search Boxes

Add a free Merriam-Webster Search Box to your Web site and visitors can easily look up spellings, definitions, and more. Just select a search box style below, copy the html code from the box at the bottom of the page, and add it to your Web page.

Choose a search box style

Style 1

Dictionary Thesaurus

Style 2

Dictionary
Spanish Thesaurus
Medical

Style 3

Merriam-Webster Online

Dictionary
Thesaurus

Style 4

Merriam-Webster Online

Dictionary
Thesaurus

Style 5

Style 6

Dictionary Thesaurus

Style 7

Style 8

Dictionary Thesaurus

Style 9

Dictionary Thesaurus

Style 10

Style 11

Highlight the code below, copy and paste into your Web site.

 <script language="Javascript"> function getValue(term){if(document.query.elements[0].checked == true){document.location.href = "http://www.merriam-webster.com/dictionary/" + term;} else if(document.query.elements[1].checked == true){document.location.href = "http://www.merriam-webster.com/thesaurus/" + term;}} </script> <form name="query" method="get" action="javascript:getValue(document.query.va.value)"> <div style="margin:0;padding:0;border:solid 1px #000000;width:142px;"> <div style="margin:0;padding:0;background-color:#7b9ccf;"> <img src="http://www.merriam-webster.com/images/searchbox/hdr_142x48.gif" hspace="0" vspace="0" /> </div> <div style="margin:0;padding:0px;background-color:#7b9ccf;verticle-align:middle;text-align:center;font-family:Geneva,Arial,Helvetica,sans-serif;font-size:9px;color:#FFFFFF;width:142px;"> <input type="radio" name="mySelect" value="Dictionary" checked> Dictionary <input type="radio" name="mySelect" value="Thesaurus"> Thesaurus </div> <div style="margin:0;padding:3px 0 3px 0px;background-color:#e4ebfd;width:142px;"> <input type="text" align="top" name="va" size="13" style="margin-left: 4px;"> <input type="image" src="http://www.merriam-webster.com/images/searchbox/btn_go_19x18_blue_matte.gif" alt="Go" width="19" height="18" border="0" style="vertical-align:-25%;"> </div> </div> </form>

 <script language="Javascript"> function getValue(term){if(document.query.elements[0].checked == true){document.location.href = "http://www.merriam-webster.com/dictionary/" + term;} else if(document.query.elements[1].checked == true){document.location.href = "http://www.merriam-webster.com/thesaurus/" + term;} else if(document.query.elements[2].checked == true){document.location.href = "http://www.merriam-webster.com/spanish/" + term;} else if(document.query.elements[3].checked == true){document.location.href = "http://medical.merriam-webster.com/medical/" + term;}} </script> <form name="query" method="get" action="javascript:getValue(document.query.va.value)"> <div style="margin:0;padding:0;border:solid 1px #000000;width:142px;"> <div style="margin:0;padding:0;background-color:#e4ebfd;"> <img src="http://www.merriam-webster.com/images/searchbox/hdr_144x128.gif" width="142" height="54" hspace="0" vspace="0" /> </div> <div align="center" style="margin:0;padding:0;background-color:#e4ebfd;width:142px;"> <table cellpadding="0" cellspacing="0" width="135" style="margin:0;padding:0;"> <tr> <td align="center" valign="middle" style="margin:0;padding:0;vertical-align:middle;text-align:left;font-family:Geneva,Arial,Helvetica,sans-serif;font-size:9px;color:#4b69a7;width:142px;"> <input type="radio" name="mySelect" value="Dictionary" checked>Dictionary <input type="radio" name="mySelect" value="Thesaurus">Thesaurus<br> <input type="radio" name="mySelect" value="Spanish">Spanish <input type="radio" name="mySelect" value="Medical">Medical<br> </td> </tr> </table> </div> <div style="margin:0;padding:3px 0 3px 0px;background-color:#e4ebfd;width:142;"> <input type="text" align="top" name="va" size="13" style="margin-left: 4px;" /> <input type="image" src="http://www.merriam-webster.com/images/searchbox/btn_go_19x18_blue_matte.gif" alt="Go" width="19" height="18" border="0" style="vertical-align:-25%;"> </div> </div> </form>

 <script language="Javascript"> function getValue(term){if(document.query.elements[0].checked == true){document.location.href = "http://www.merriam-webster.com/dictionary/" + term;} else if(document.query.elements[1].checked == true){document.location.href = "http://www.merriam-webster.com/thesaurus/" + term;}} </script> <form name="query" method="get" action="javascript:getValue(document.query.va.value)"> <div style="margin:0;padding:0;border:solid 1px #000000;width:170px;text-align:center;font-family:Geneva,Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;"> <div style="margin:0;padding:0;background-color:#000062;color:#FFFFFF;">Merriam-Webster Online </div> <div align="center" style="margin:0;padding:3px;background-color:#FFFFFF;color:#970100;"> <table align="center" cellpadding="0" cellspacing="0" style="margin:0;padding:0;font-family:Geneva,Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;color:#970100;"> <tr> <td width="55px" style="margin:0;padding:0;"> <img src="http://www.merriam-webster.com/images/searchbox/mwlogo_matte_white.gif" width="44" height="44" hspace="0" vspace="0" align="left" /> </td> <td align="left" style="margin:0;padding:0;vertical-align:middle;"> <input type="radio" name="mySelect" value="Dictionary" checked> Dictionary<br /> <input type="radio" name="mySelect" value="Thesaurus"> Thesaurus </td> </tr> </table> </div> <div style="margin:0;padding:3px;background-color:#FFFFFF;"> <input type="text" align="top" name="va" size="16" /> <input type="image" src="http://www.merriam-webster.com/images/searchbox/btn_go_19x18_blue_matte.gif" alt="Go" width="19" height="18" border="0" style="vertical-align:-25%;"> </div> </div> </form>

 <script language="Javascript"> function getValue(term){if(document.query.elements[0].checked == true){document.location.href = "http://www.merriam-webster.com/dictionary/" + term;} else if(document.query.elements[1].checked == true){document.location.href = "http://www.merriam-webster.com/thesaurus/" + term;}} </script> <form name="query" method="get" action="javascript:getValue(document.query.va.value)"> <div style="margin:0;padding:0;border:solid 1px #000000;width:170px;text-align:center;font-family:Geneva,Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;"> <div style="margin:0;padding:0;background-color:#000062;color:#FFFFFF;">Merriam-Webster Online </div> <div align="center" style="margin:0;padding:3px;background-color:#E4EBFD;"> <table align="center" cellpadding="0" cellspacing="0" style="margin:0;padding:0;font-family:Geneva,Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;color:#000066;"> <tr> <td width="55px" style="margin:0;padding:0;"> <img src="http://www.merriam-webster.com/images/searchbox/mwlogo_matte_white.gif" width="44" height="44" hspace="0" vspace="0" align="left" /> </td> <td align="left" style="margin:0;padding:0;vertical-align:middle;"> <input type="radio" name="mySelect" value="Dictionary" checked> Dictionary<br /> <input type="radio" name="mySelect" value="Thesaurus"> Thesaurus </td> </tr> </table> </div> <div style="margin:0;padding:3px;background-color:#E4EBFD;"> <input type="text" align="top" name="va" size="16" /> <input type="image" src="http://www.merriam-webster.com/images/searchbox/btn_go_19x18_blue_matte.gif" alt="Go" width="19" height="18" border="0" style="vertical-align:-25%;"> </div> </div> </form>

 <script language="Javascript"> function getValue(term){document.location.href = "http://www.merriam-webster.com/dictionary/" + term;} </script> <form name="query" method="get" action="javascript:getValue(document.query.va.value)"> <div style="margin:0;padding:0;border:solid 1px #000000;width:173px;text-align:center;"> <div style="margin:0;padding:0;"> <img src="http://www.merriam-webster.com/images/searchbox/hdr_175x96.gif" width="173" height="65" hspace="0" vspace="0" /> </div> <div style="margin:0;padding:3px;background-color:#FFFFFF;"> <input type="text" align="top" name="va" size="16"> <input type="image" src="http://www.merriam-webster.com/images/searchbox/btn_go_19x18_blue_matte.gif" alt="Go" width="19" height="18" border="0" style="vertical-align:-25%;"> </div> </div> </form>

 <script language="Javascript"> function getValue(term){if(document.query.elements[0].checked == true){document.location.href = "http://www.merriam-webster.com/dictionary/" + term;} else if(document.query.elements[1].checked == true){document.location.href = "http://www.merriam-webster.com/thesaurus/" + term;}} </script> <form name="query" method="get" action="javascript:getValue(document.query.va.value)"> <div style="margin:0;padding:0;border:solid 1px #000000;width:184px;text-align:center;font-family:Geneva,Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;"> <div style="margin:0;padding:0;background-color:#7b9ccf;"> <img src="http://www.merriam-webster.com/images/searchbox/hdr_186x82.gif" width="184" height="40" hspace="0" vspace="0" /></div> <div style="margin:0;padding:0;background-color:#7b9ccf;color:#FFFFFF;width:184px;"> <input type="radio" name="mySelect" value="Dictionary" checked> Dictionary <input type="radio" name="mySelect" value="Thesaurus"> Thesaurus</div> <div style="margin:0;padding:3px 0 3px 0px;background-color:#e4ebfd;width:184px;"> <input type="text" align="top" name="va" size="18" style="margin-left: 4px;"> <input type="image" src="http://www.merriam-webster.com/images/searchbox/btn_go_19x18_blue_matte.gif" alt="Go" width="19" height="18" border="0" style="vertical-align:-25%;"> </div> </div> </form>

 <script language="Javascript"> function getValue(term){document.location.href = "http://www.merriam-webster.com/dictionary/" + term;} </script> <form name="query" method="get" action="javascript:getValue(document.query.va.value)"> <div style="margin:0;padding:0;border:solid 1px #000000;width:312px;"> <div style="margin:0;padding:0;"> <table cellpadding="0" cellspacing="0" style="margin:0;padding:0;"> <tr> <td style="margin:0;padding:0;" width="170"> <img src="http://www.merriam-webster.com/images/searchbox/hdr_300x30.gif" width="170" height="30" hspace="0" vspace="0" align="left" /> </td> <td width="140" align="center" valign="middle" style="margin:0;padding:0;vertical-align:middle;"> <input type="text" align="top" name="va" size="14"> <input type="image" src="http://www.merriam-webster.com/images/searchbox/btn_go_19x18_blue_matte.gif" alt="Go" width="19" height="18" border="0" style="vertical-align:-25%;"> </td> </tr> </table> </div> </div> </form>

 <script language="Javascript"> function getValue(term){if(document.query.elements[0].checked == true){document.location.href = "http://www.merriam-webster.com/dictionary/" + term;} else if(document.query.elements[1].checked == true){document.location.href = "http://www.merriam-webster.com/thesaurus/" + term;}} </script> <form name="query" method="get" action="javascript:getValue(document.query.va.value)"> <div style="margin:0;padding:0;border:solid 1px #000000;width:440px;"> <div style="margin:0;padding:0;background-color:#dfe6ff;"> <table cellpadding="0" cellspacing="0" style="margin:0;padding:0;font-family:Geneva,Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;color:#010066;"> <tr> <td style="margin:0;padding:0;" width="149" > <img src="http://www.merriam-webster.com/images/searchbox/hdr_418x20.gif" width="149" height="24" hspace="0" vspace="0" align="left" /> </td> <td width="180" align="center" valign="middle" style="margin:0;padding:0;vertical-align:middle;"> <input type="radio" name="mySelect" value="Dictionary" checked> Dictionary <input type="radio" name="mySelect" value="Thesaurus"> Thesaurus </td> <td width="109" valign="middle" style="margin:0;padding:0;vertical-align:middle;"> <input type="text" align="top" name="va" size="10"> <input type="image" src="http://www.merriam-webster.com/images/searchbox/btn_go_19x18_blue_matte.gif" alt="Go" width="19" height="18" border="0" style="vertical-align:-25%;"> </td> </tr> </table> </div> </div> </form>

<script language="Javascript"> function getValue(term){if(document.query.elements[0].checked == true){document.location.href = "http://www.merriam-webster.com/dictionary/" + term;} else if(document.query.elements[1].checked == true){document.location.href = "http://www.merriam-webster.com/thesaurus/" + term;}} </script> <form name="query" method="get" action="javascript:getValue(document.query.va.value)"> <div style="margin:0;padding:0;border:solid 1px #000000;width:512px;"> <div style="margin:0;padding:0;background-color:#dfe6ff;"> <table cellpadding="0" cellspacing="0" style="margin:0;padding:0;font-family:Geneva,Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;color:#010066;"> <tr> <td style="margin:0;padding:0;" width="150"> <img src="http://www.merriam-webster.com/images/searchbox/hdr_500x32.gif" width="149" height="32" hspace="0" vspace="0" align="left" /> </td> <td width="185" align="center" valign="middle" style="margin:0;padding:3px;vertical-align:middle;"> <input type="radio" name="mySelect" value="Dictionary" checked> Dictionary <input type="radio" name="mySelect" value="Thesaurus"> Thesaurus </td> <td width="175" valign="middle" style="margin:0;padding:3px;vertical-align:middle;"> <input type="text" align="top" name="va" size="17"> <input type="image" src="http://www.merriam-webster.com/images/searchbox/btn_go_19x18_blue_matte.gif" alt="Go" width="19" height="18" border="0" style="vertical-align:-25%;"> </td> </tr> </table> </div> </div> </form>

 <script language="Javascript"> function getValue(term){document.location.href = "http://medical.merriam-webster.com/medical/" + term;} </script> <form name="query10" method="get" action="javascript:getValue(document.query10.va.value)"> <div style="width:173px;height:96px;border:1px solid #000066;text-align:center;"> <img src="http://www.merriam-webster.com/images/searchbox/cobrand_medical_175x96_searchbox_header.gif" width="173" height="65" /> <input type="text" align="top" name="va" style="border-top:2px solid #7186B9;border-right:1px solid #849CD6; border-bottom:1px solid #849CD6;border-left:2px solid #7186B9; font:normal 12px Arial, Helvetica, sans-serif; color: #BDC6DE; margin:0px 10px 0px 15px; width:100px;float: left;" /> <input type="image" src="http://www.merriam-webster.com/images/searchbox/cobrand_medical_searchbox_btn_go.gif" alt="Go" width="25" height="25" border="0" style="float: right; margin: 0px 20px 0px 0px;" /> </div> </form>

<script language="Javascript"> function getValue(term){document.location.href = "http://medical.merriam-webster.com/medical/" + term;} </script> <div style="padding: 0px; width: 410px; height: 34px; border: 1px solid #000066;"> <img src="http://www.merriam-webster.com/images/searchbox/cobrand_medical_400x36_searchbox_header.gif" width="247" height="34" style="float: left; border: none;" hspace="0" /> <form name="query11" method="get" action="javascript:getValue(document.query11.va.value)"> <input name="va" type="text" style="margin: 7px 0px 0px 0px; padding: 0px; border-top: 2px solid #7186B9; border-right: 1px solid #849CD6; border-bottom: 1px solid #849CD6; border-left: 2px solid #7186B9; font: normal 12px Arial, Helvetica, sans-serif; color: #BDC6DE; width: 112px; height: 17px;float: left;" /> <input type="image" src="http://www.merriam-webster.com/images/searchbox/cobrand_medical_searchbox_btn_go.gif" alt="Go" width="25" height="25" border="0" style="float: right; margin: 5px 4px 0px 0px;" /> </form> </div>

Back to top

Merriam-Webster Search Boxes

Choose a search box style

Style 1

Style 2

Style 3

Style 4

Style 5

Style 6

Style 7

Style 8

Style 9

Style 10

Style 11

Highlight the code below, copy and paste into your Web site.