HTML详解（6.html表单标签）

矫情吗；* 2023-06-30 10:46 110阅读 0赞

# 一，表单标签集合 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjIzNDQ3_size_16_color_FFFFFF_t_70]  
作用：收集用户填写的数据，然后提交到服务器上。  
要提交数据的表单域必须加name属性。不然，该表单域的数据不会提交到服务器上。

--------------------

1.文本框

2.密码框  
跟文本框的用法基本一致，除了页面上以星号显示

3.单选按钮  
用于多选一的情况

性别：<input type="radio" name="gender" value="1" />男
         <input type="radio" name="gender" value="0" />女

4.复选框

于多选多的情况：喜欢编程语言：
    <input type="checkbox" name="favorite"/>  JAVA<br />
    <input type="checkbox" name="favorite" value="2"/>  C++<br />
    <input type="checkbox" name="favorite" value="3"/>  RUBY<br />
    <input type="checkbox" name="favorite" value="4"/>  C<br />

注意：  
**复选框是分组的， name相同即为一组。 可同时多个复选框  
value：如果不增加value属性，选中该按钮提交时默认为：on，而不是空字符串。**  
5.隐藏域

6.下拉列表  
实现多选一 或多选多的效果。

实现多选一 或多选多的效果。国籍：<br />		
            <select name="country" multiple>			
                <option>China</option>			
                <option value="2">America</option>			
                <option value="3">France</option>					
            </select>

当没有指定value属性。如果被选中，则提交中的提示文本，而不是On或空字符串。注：单选按钮、复选框默认选中用：checked属性。 下拉列表使用：selected属性。  
7.文本域

8.文件上传

9.提交按钮

10.普通按钮

11.重置按钮

上一篇博客：  
      [HTML详解（5.html的基本标签）][HTML_5.html]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjIzNDQ3_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200117095559433.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNjIzNDQ3,size_16,color_FFFFFF,t_70
[HTML_5.html]: https://blog.csdn.net/qq_43623447/article/details/104009573