form表单的使用

<form>标签的元素 <input>的类型有10种：
  text--文本框;password--密码;radio--单选框;checkbox--复选框;submit--提交;

 reset--重置; button--自定义按钮; image--图片; file--上传文件; hidden--隐藏;

一、简单且典型的表单

代码为：

<form action="https://www.taobao.com">
    <p>
        <input type="text" name="user_name" />  用户名
    </p>
    <p>
        <input type="password" name="password" />  密码
    </p>

    <p>
        <input type="radio" name="sex" value="man"/> 男
        <input type="radio" name="sex" value="woman"/> 女
    </p>
    <p>
        <input type="checkbox" name="hobby" value="sing"/>唱歌
        <input type="checkbox" name="hobby" value="dance"/>跳舞
        <input type="checkbox" name="hobby" value="sleep"/>睡觉
    </p>
    <p>
        <input type="button" value="自定义按钮"/>
        <input type="image" />
    </p>
    <p>
        <input type="file" />
    </p>
    <p>
        <input type="hidden" value="该值用户不必输入，但是需要提交"/>
    </p>
    <p>
    <input type="submit"  />
    <input type="reset"  /></p>

</form>

二、利用表单实现仿淘宝搜索查询

代码：

<form action="https://www.taobao.com">
    <input type="text" name="q">
    <input type="submit" >
</form>

在文本框中输入‘自行车’，点击查询按钮即可调转

https://www.taobao.com?q=自行车