表单（所有相关知识点汇总）

表单（四类）

一、input 框

1、文本框

 <form>  
        <!--文本框 -->
        <input type="text">  
 </form>

2、密码框

<form>  
        <!--密码框 -->
        <input type="password">    
</form>

3、复选框

<form>
        <!--复选框 -->
        <input type="checkbox"> 
        <input type="checkbox">   
</form>

4、单选框

<form>
        <!--单选框-->
        <input type="radio">    
</form>    

5、H5新增的一个关于颜色的

<form>
        <input type="color">
<form>

二、 textarea 文本域：可以写很多内容

<form>
     <textarea name="" id="" cols="20" rows="3">how are you</textarea>  
</form>

三、select 下拉框：option里面的value=""写什么，地址栏就会显示出来value的值

<form>
     <select name="" id="">
            <option value="">11</option>
            <option value="">10</option>
            <option value="">9</option>
     </select>
</form>

四、按钮

1、普通按钮（2种写法，无差别）：
注意：action=" "里写提交地址，意思是要提交到哪里去
注意：添加action=""地址，点刷新会有效果

<form action="http://www.baidu.com">
        <input type=