html表单元素（2）

textarea标签

作用：定义多行输入字段（文本域）

语法：
  <textarea>初始值</texarea>

注意：不能够使用value属性规定它的初始值，初始值在开始和结束标签之间设置
   <textarea name="" id="" cols="30" rows="10">我是一个文本框</textarea>

select标签

 概述： select标签用于定义下拉列表，下拉列表种通过option标签定义选项

语法：
  <select name="" id=""> 
      <option value="">北京</option>
      <option value="">上海</option>
      <option value="">天津</option>
  </select>

表单元素属性

name属性

 作用:定义表单元素的名称，用于在 JavaScript 中引用元素，或者在表单提交后引用表单数据

注意：name属性是必须的，只有设置了 name 属性的表单元素才能在提交表单时传递它们的值
    <input type="text" name="username">

value属性

作用：规定输入字段的初始值和修改按钮上的文字内容
    <input type="text" value="用户名">

readonly属性

作用：规定输入字段为只读（不能修改）
    <input type="text" name="username" value="请输入用户名" readonly>

disabled 属性

作用：规定输入字段是禁用的，被禁用的表单元素不能编辑也不能被提交
     <input type="text" name="username2" value="请输入用户名" disabled>

maxlength属性

作用：maxlength 属性，规定输入字段允许的最大长度
    <input type="text"  maxlength="3">

 selected 属性

作用：规定<select>的选项<option>在页面加载时预先选定该选项。
     <select name="" id="">
                <option value="">北京</option>
                <option value="" selected>成都</option> //成都会作为默认选项显示
                <option value="">上海</option>
     </select>

 size属性

作用：规定下拉列表中可见选项的数目
   <select name="" id="" size="2">
       <option value="">北京</option>
       <option value="" selected>成都</option>
       <option value="">上海</option>
   </select>