Modify the SharePoint 2013 Search Box Web Part

<div id="Control_SearchBox"> <!--#_ var showQuerySuggestions = ctx.ClientControl.get_showQuerySuggestions(); var showNavigation = ctx.ClientControl.get_showNavigation(); var prompt = ctx.ClientControl.get_initialPrompt(); if ($isNull(prompt)) { prompt = "Main text"; } var inputClass = "ms-textLarge ms-srch-sbLarge-fullWidth"; if(showNavigation){ inputClass = "ms-textLarge ms-srch-sbLarge-navWidth"; } var searchBoxDivId = ctx.ClientControl.get_id() + "_sboxdiv"; var searchBoxId = ctx.ClientControl.get_id() + "_sbox"; var navButtonId = ctx.ClientControl.get_id() + "_NavButton"; var suggestionsListId = ctx.ClientControl.get_id() + "_AutoCompList"; var navListId = ctx.ClientControl.get_id() + "_NavDropdownList"; var searchBoxLinkId = ctx.ClientControl.get_id() + "_SearchLink"; var searchBoxProgressClass = "ms-srch-sbprogressLarge"; var searchBoxPromptClass = "ms-srch-sb-prompt ms-helperText"; ctx.OnPostRender = function(rCtx) { ctx.ClientControl.activate( prompt, searchBoxId, searchBoxDivId, navButtonId, suggestionsListId, navListId, searchBoxLinkId, searchBoxProgressClass, searchBoxPromptClass); } _#--> <div id="SearchBox" name="Control" class="ms-floatLeft"> <div class="ms-srch-sbLarge ms-srch-sb-border" id="_#= $htmlEncode(searchBoxDivId) =#_"> <input type="text" value="_#= $htmlEncode(ctx.ClientControl.get_currentTerm()) =#_" maxlength="2048" accessKey="_#= $htmlEncode(Srch.Res.sb_AccessKey) =#_" title="_#= $htmlEncode(prompt) =#_" id="_#= $htmlEncode(searchBoxId) =#_" autocomplete="off" autocorrect="off" onkeypress="if (Srch.U.isEnterKey(String.fromCharCode(event.keyCode))) { $getClientControl(this).search(this.value);return Srch.U.cancelEvent(event); }" onkeydown="var ctl = $getClientControl(this);ctl.activateDefaultQuerySuggestionBehavior();" onfocus="var ctl = $getClientControl(this);ctl.hidePrompt();ctl.setBorder(true);" onblur="var ctl = $getClientControl(this);ctl.showPrompt();ctl.setBorder(false);" class="_#= inputClass =#_" /> <!--#_ var imagesUrl = GetThemedImageUrl('searchresultui.png'); if (showNavigation) { _#--> <a class="ms-srch-sb-navLink" title="_#= $htmlEncode(Srch.Res.sb_GoNav) =#_" id="_#= $htmlEncode(navButtonId) =#_" onclick="$getClientControl(this).activateDefaultNavigationBehavior();return Srch.U.cancelEvent(event);" href="javascript: {}" > <img src="_#= $urlHtmlEncode(imagesUrl) =#_" class="ms-srch-sbLarge-navImg" id="navImg" alt="_#= $htmlEncode(Srch.Res.sb_GoNav) =#_" /> </a> <!--#_ } _#--> <a title="_#= $htmlEncode(Srch.Res.sb_GoSearch) =#_" class="ms-srch-sb-searchLink" id="_#= $htmlEncode(searchBoxLinkId) =#_" onclick="$getClientControl(this).search($get('_#= $scriptEncode(searchBoxId) =#_').value);" href="javascript: {}"> <img src="_#= $urlHtmlEncode(imagesUrl) =#_" class="ms-srch-sbLarge-searchImg" id="searchImg" alt="_#= $htmlEncode(Srch.Res.sb_GoSearch) =#_" /> </a> <!--#_ if (showQuerySuggestions) { _#--> <div class="ms-qSuggest-container ms-shadow" id="AutoCompContainer"> <div id="_#= $htmlEncode(suggestionsListId) =#_"></div> </div> <!--#_ } if (showNavigation) { _#--> <div class="ms-qSuggest-container ms-shadow" id="NavDropdownListContainer"> <div id="_#= $htmlEncode(navListId) =#_"></div> </div> <!--#_ } _#--> </div> </div> <div id="SearchOptions"> <!--#_ if (ctx.ClientControl.get_showAdvancedLink()) { var advancedUrl = ctx.ClientControl.get_advancedSearchPageAddress(); if(!$isEmptyString(advancedUrl)){ _#--> <div class="ms-srch-sbLarge-link"><a id="AdvancedLink" href="_#= $urlHtmlEncode(advancedUrl) =#_">_#= $htmlEncode(Srch.Res.sb_AdvancedLink) =#_</a></div> <!--#_ } } if (ctx.ClientControl.get_showPreferencesLink()) { var preferencesUrl = ctx.ScriptApplicationManager.get_preferencesUrl(); if(!$isEmptyString(preferencesUrl)){ _#--> <div class="ms-srch-sbLarge-link"><a id="PreferencesLink" href="_#= $urlHtmlEncode(preferencesUrl) =#_">_#= $htmlEncode(Srch.Res.sb_PreferencesLink) =#_</a></div> <!--#_ } } _#--> </div> </div>