常⽤的⼀些表单控件
表单:⽤于显⽰收集信息，并提交信息到服务器)
1.表单元素 <form ></form>
主要属性:action: 当提交表单时，向何处发送表单数据，属性值为⼀个URL
    method：使⽤什么⽅式将表单数据发送到action属性所规定的页⾯(get post)
    enctype：表单数据进⾏编码的⽅式
    name：表单名称
2.表单控件:
  (1).<input>元素⽤于收集⽤户信息，为单标记.
    主要属性: type：根据不同的type属性值，可以创建各种类型的输⼊字段
        value：控件的数据
        name：控件的名称
  (2).⽂本框与密码框:<input type="text" />
            <input type="password" />
      主要属性: value: 由访问者⾃由输⼊的任何⽂本
          　maxlength；限制输⼊的字符数
          　readonly：设置⽂本控件只读
  (3).单选框与复选框：单选框<input type="radio"/>
          　复选框<input type="checkbox"/>
      主要属性:value:⽂本，提交form时，选中此单选按钮，则value被发送到服务器
          name:⽤于实现分组,⼀组单选框或者复选框的名称必须相同
          checked：设置选中
  (4).按钮提交按钮<input type="submit"/>传送表单数据到服务端或者其他程序处理
      重置按钮<input type="reset"/>清空表单内容并把所有表单空间设置为默认值
      普通按钮<input type="button"/>⽤于执⾏客户端脚本(javascript将会⽤到)
    主要属性:value：按钮的标题⽂本
  (5).隐藏域和⽂件选择框
    隐藏域:<input type="hidden"/> 在表单中包含不希望⽤户看见的信息
    ⽂件选择框<input type="file"/> 选择要上传的⽂件
  (6).<label></label>元素将⽂本与控件联系在⼀起后，单击⽂本，效果与单击控件⼀样
    eg: <body>
      <form action="SaveData.aspx" method="post"><br />
      <input type="checkbox" name="chkHid" id="chkHid" />
      <label for="chkHid">不要公开我的信息</label>
      </form>
      </body>
  (7).选项框 (下拉选项框和滚动列表)
    　select元素：使⽤其可创建选项框，并使⽤<option>元素创建其中的每⼀个选项
    属性有: name：为选项框命名.
        disabled：禁⽤控件，该属性的值为“disabled”。
        size：值为1时是下拉选项框，值⼤于1时为滚动列表
        multiple：允许⽤户同时选择多个选项。若⽆设置该属性，则只能选择⼀个选项。    <option>:<select>元素⾄少需要包含⼀个<option>元素，代表选项.
  属性有: value：选项的值。若被选中，该属性的值会被发送给服务器。
      disabled：规定某个选项应该被禁⽤。被禁⽤的选项既不可⽤，也不可点击。
      selected属性：被预选的选项会显⽰在下拉列表最前⾯的位置。
　(8).<textarea>元素:⽤于创建多⾏的⽂本输⼊控件，该⽂本区中可容纳⽆限数量的⽂本
  属性有: name：设置控件的名称，⽤于提供“名/值”对，以发送给服务器。
      cols：cols属性⽤于定义⽂本区的宽度（以平均字符数计）。html中提交表单用什么属性
      rows：rows属性⽤于规定⽂本区的⾼度（以⾏数计）。
      disabled：禁⽤控件，被禁⽤的⽂本区域控件既不可⽤，也不可点击。
      readonly属性：规定多⾏⽂本框为只读，⽆法对内容进⾏修改.

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。