折腾了半天的H5 input type=search

<form>
  <div>
    <input type="search" id="mySearch" name="q">
    <button>Search</button>
  </div>
</form>

input type=search开始每次提交都得不到值，最后在developer.mozilla.org上找到了这个问题的解决方案，原来是需要给它命名才行得通。

This renders like so:

Open in CodePen Open in JSFiddle

q is the most common name given to search inputs, although it's not mandatory. When submitted, the data name/value pair sent to the server will be q=searchterm.

You must remember to set a name for your input, otherwise nothing will be submitted.