HTML表单笔记整理和“思维导图”

备注：全部都是原创作品（重点）：

 一，select表单元素

 使用场景:在页面中，如果有多个选项让用户选择，并且想要节约页面空间时，我们可以使用<select>标签控件定义下拉列表。

 <!-- 下拉列表select和option是父子关系   -->
     <select name="" id="">
        <option value="">河南</option>
        <option value="">甘肃</option>
        <option value="">黑龙江</option>
        <option value="">云南</option>
        <option value="">陕西</option>
        <option value="">山西</option>
        <option value="">山东菏泽曹县牛逼666</option>
     </select>   

 二，textarea 表单元素

 1、使用场景: 当用户输入内容较多的情况下，我们就不能使用文本框表单了，此时我们可以使用<textarea>标签。
2、在表单元素中，<textarea>标签是用于定义多行文本输入的控件。
3、使用多行文本输入控件，可以输入更多的文字，该控件常见于留言板评论。

 <!-- 文本域 textarea  
        cols ：一行默认显示多少字节（一个汉字代表两个字节，数字则代表一个字节）
        rows ：默认可以显示多少行 -->
     <textarea name="" id="" cols="30" rows="10"></textarea>

 通过 <textarea>标签可以轻松地创建多行文本输入框。cols=“每行中的字符数”，rows=“显示的行数”
我们在实际开发中不会使用，都是用CSS 来改变大小。
表单元素我们学习了三大组 input 输入表单元素 select 下拉表单元素textarea 文本域表单元素.这三组表单元素都应该包含在form表单域里面,并且有 name 属性。

有三个名字非常相似的标签
表单域form，使用场景: 提交区域内表单元素给后台服务器文件域file，是input type 属性值，使用场景:上传文件文本域textarea，使用场景:可以输入多行文字,比如留言板、网站介绍等。

<input /> 标签为单标签 type 属性设置不同的属性值用来指定不同的控件类型
type 属性的属性值及其描述如下：

属性值	描述
button	定义可点击按钮(多数情况下，用于通过javaScript 启动脚本)。
checkbox	定义复选框
file	定义输入字段和“浏览"按钮，供文件上传。
hidden	定义隐藏的输入字段。
lmage	走义图像形式的提交按钮。
password	定义密码字段。该字段中的字符被掩码。
radio	定义单选按钮。
reset	走义重置按钮。重置按钮会清除表单中的所有数据。
submit	定义提交按钮。提交按钮会把表单数据发送到服务器。
text	定义单行的输入字段，用户可在其中输入文本。默认度为20个字符。

除 type 属性外，<input>标签还有其他很多属性，其常用属性如下 ：

属性	属性值	描述
name	由用户自定义	定义input元素的名称。
value	由用户自定义	规定input元素的值。
checked	checked	规定此input元素首次加载时应当被选中。
maxlength	正整数	规定输入字段中的字符的最大长度。