纯HTML——写一个简易的搜索框

<form action="http://baidu.com/s" method="get">
    <div>
         <label for="search">你想搜索什么?</label>
         <input name="wd" id="search" value="花">
    </div>
    <div>
         <button>立即搜索</button>
    </div>
</form>

• action —— 规定当提交表单时向何处发送表单数据。
• method —— 规定用于发送 form-data 的 HTTP 方法。

1. get：get仅仅是拼接一个URI，然后直接向服务器请求数据（需要提交给服务器的数据集包含在URI中）。
2. post：post会把form的数据集，即比如 id=xx 这个键值对包装在请求的body中，发送给服务器，然后向服务器请求数据。

• name —— 规定表单的名称。
• target —— 规定在何处打开 action URL。

1. _blank：在新窗口打开。
2. _self：默认。在相同的框架中打开。
3. _parent：在父框架集中打开。
4. _top：在整个窗口中打开。

• enctype —— 规定在发送表单数据之前如何对其进行编码。

1. application/x-www-form-urlencoded：在发送前编码所有字符（默认）。
2. multipart/form-data：不对字符编码，在使用包含文件上传控件的表单时，必须使用该值。
3. text/plain：空格转换为 "+" 加号，但不对特殊字符编码。