学习：从零玩转HTML5前端+跨平台开发（表单标签-非input标签(掌握)）

form表单标签


 <form action = "提交到服务器地址">
       <表单元素>
 </form>


常见的表单元素
     <input type = "text" name = "username"> 明文输入框
     <input type = "password">暗文输入框
     <input type = "radio" name = "互斥" checked = "默认选中">单选框
      <input type = "checkbox">多选框
      <input type = "button" value = "我是按钮">普通按钮
      <input type = "image" src = "images/img.jpg">图片按钮
      <input type = "reset" value = "清空">重置按钮
      <input type = "submit">提交按钮
          1.给form添加action属性
          2.给表单元素添加name属性
      <input type = "hidden">隐藏域
**********************************************************
label标签
      文字和输入框绑定（关联）
    <form>
       1.关联方式一（官方推荐）
       <label for = "account">账号:</label><input type = "text" id = "account">
       2.关联方式二
       <label>账号:<input type = "text"></label>
    </form>
**********************************************************
select标签 --- 下拉列表
   <select>
       <optgroup  label = "北京">//分类
            <option>通州区</option>
            <option>朝阳区 selected = "默认选中"</option>
        </optgroup>
   </select>


textarea标签 ---定义多行输入框
     <textarea cols = "2列" row = "5行">
     </textarea>
     cols  row  改变宽和高 但可以继续输入
     可以无限拉伸 用CSS resize属性控制有无
**********************************************************
datalist标签《了解 浏览器不支持》
    待选项内容
   请输入车型：<input type = "text" list = "cars">
   <datalist id = "cars">
            <option>奔驰</option>
            <option>宝马</option>
            <option>奥迪</option>

   </datalist>

常用于选择地区的列表
一、select标签
格式：
<select>
 <option>列表数据</option>
注意点：
1、下拉列表不能输入内容，但是可以直接在列表中选择内容
2、可以通过给option标签添加一个selected属性来指定列表的默认值（比如在地区里：北京 、广州、上海中指定广州为默认显示值）
3.可以通过给option标签添加包裹一层optgroup标签来给下拉列表中的数据分类
如下方格式：
<select>
<optgroup label="广州">


<option>番禹区</option>
<option>天河区</option>
<option>荔湾区</option>
<option>越秀区</option>
</optgroup>
二、textarea标签
作用：定义一个多行(k跨行，类似br）换行输入框
格式：<textarea>
内容
</textarea>
注意点：
1、默认情况下输入框可以无限换行
2、默认情况下输入框有自己的宽度和高度
3、可以通过cols和rows来指定输入框的宽度和高度，
但是虽然指定了列数和行数，但是还是可以无限往下输入。
4、默认情况下输入框是可以手动拉伸大小的
如果不想手动拉伸，可以用css写样式,就不会拉伸了
<style type="text/css">
textarea{
      resize:none
            }

1.select标签
作用：用于定义下拉列表


格式：
<select>
<option>列表数据</option>
</select>
注意点：
1.下拉列表不能输入内容，但是可以直接在列表中选择内容
2.可以通过给option标签添加一个selected属性来指定列表的默认值
3.可以通过给option标签包裹一层optgroup标签来给下拉列表中的数据分类

2.textarea标签
作用：定义一个多行输入框

格式：
<textarea>

</textarea>
注意点：
1.默认情况下输入框可以无限换行
2.默认情况下输入框有自己的宽度和高度
3.可以通过cols和rows来指定输入框的宽度和高度，但是虽然指定了列数和行数，但是还是可以无限往下输入

阅读更多