help search input attributes

- type="search" for a11y
- spellcheck=false" to avoid red underlines
- localizable placeholder is added programmatically from 34bf81f146/browser/src/control/Toolbar.js (L552)

Signed-off-by: Andras Timar <andras.timar@collabora.com>
Change-Id: I695990a25ccb00821a16738a9388a51001199112

browser/html/cool-help.html

@@ -56,7 +56,7 @@
     }
 
     tr.show {
-      display: table-row; 
+      display: table-row;
     }
 
     #online-help-search-input {
@@ -77,7 +77,7 @@
 </style>
 
 <div class="search-container">
-  <input size="20" id="online-help-search-input" placeholder="Search..." />
+  <input size="20" id="online-help-search-input" type="search" spellcheck="false" />
 </div>
 
 <div id="keyboard-shortcuts-content">
@@ -425,7 +425,7 @@
     <div class="section">
     <p class="section-header"><span class="productname">%productName</span> allows you to create and edit office documents text documents, spreadsheets and presentations directly in your browser, in a simple and straight-forward way. You can work alone on a document, or collaboratively as part of a team.</p>
     </div>
-    
+
     <a id="1327"/>
   <div class="section">
     <h3 class="section-header">Collaborative editing</h3>
@@ -747,7 +747,7 @@
     <h4>How can I check spelling in my language?</h4>
     <p>Choose menu <span class="ui">Tools</span> → <span class="ui">Languages</span> and select the language for the whole document. Optionally you can set languages for the selected text and for the current paragraph.</p>
   </div>
-  <div class="sub-section">        
+  <div class="sub-section">
     <h4>How can I remove the red wavy lines in my document?</h4>
     <p>Choose menu <span class="ui">Tools</span> and uncheck <span class="ui">Automatic Spell Checking</span>.</p>
   </div>