html表单练习

    
    
    
    


    

        账号：
        
        



        密码：
        
        



        性别：
        男
        女
        



        爱好：
        篮球
        足球
        跑步
        



        生日：
        
        



        邮箱地址：
        
        



        电话：
        
        



        地址：
        
            山西省
            江苏省
            上海市
        

        验证码：
        获取验证码
        



        
       
        备注：
        
        



        同意《隐私条款》和《隐私权相关政策》
        



        
        
        
        



    

表单控件

form（输入框、单选按钮、多选按钮、下拉菜单）
    属性：
        action       用于处理表单信息的应用程序的地址。
        method    浏览器用来提交表单的HTTP方法，常用的get/post。    
            get    对应于Http协议的GET方法，表单数据被附加在uri上，使用"?"分隔
            post    对应于Http协议的POST方法，表单数据包含在HTTP协议的请求报文的体部。    
        name    设定表单的名称
        target    表示浏览器接收到form的提交信息后在哪里显示回应。    
            _self  在当前选项卡打开响应内容
            _blank   在新选项卡打开响应内容

 

      type属性，用于设定控件类型，取值如下：    
        text        单行文本框      
        password    密码框，输入的内容将会被遮挡。   
        checkbox    复选框，必须使用value属性来描述该组件所提交的值，使用checked属性默认选中。   
        radio        单选按钮，必须使用value属性来描述该控件所提交的值，使用checked属性默认选中。一个单选按钮组中所有控件都应该具有相同的name值，这样，每次只能选中按钮组中的某一个控件。   
        submit      提交按钮   
        reset    重置按钮   
        file    文件按钮，该控件用于选中文件系统中的某个文件
        hidden    隐藏域，该控件不显示在页面中，但是其值会被提交。
        image    图像按钮，必须使用src来加载图片，使用alt来声明替换文本。
        button    普通按钮

          在H5中，对input的type进行了扩展，可以有更多的取值
          number     数字控件（只能输入数字）   属性min,max,step可以配合使用
          range     范围控件（通过控制条调整值）属性min,max,step可以配合使用
          search     搜索控件
          tel     电话控件
          url     url地址控件
          email      email控件，有校验功能
          color     颜色控件
          date    日期控件（年，月，日，不包含时间），火狐支持，谷歌支持
          time     时间控件，火狐支持，谷歌支持
          datetime-local     日期时间控件，暂时火狐不支持，谷歌支持
          month      月插件（年，月），暂时火狐不支持，谷歌支持
          week     周插件（年，周）暂时火狐不支持，谷歌支持

    Input表单控件
      Input控件用于接受来自用户的数据，其他可用属性如下
        name  用于设定控件名和提交数据的属性名     
        value    用于控件值初始化，可选，涉及到用户输入时，当涉及到选择时，必须选
        checked    单选框，复选框默认选中属性  
        disabled    表示禁用组件，禁用组件的值也不能被提交    
        size    当前控件的初始宽度，这个宽度以像素为单位。除非控件类型是text, password，这时宽度是整数值，表示字符的数目，默认为20    
        maxlength 指定可以输入的字符的最大值。适用于控件类型为text,password。

    select  下拉菜单
      select用于表示下拉列表或列表，其可用属性如下    
      multiple     指定控件类型
           布尔类型的值，表示是否允许多选，如果select元素不包含属性size和属性multiple时，表单类型显示为菜单（组合框），如果使用了属性size和属性multiple中的任意一个，则表单类型显示为列表框。             
      size     显示的行数
           当要表示一个可以滚动的列表时候，size表示同时展示的行数。默认值为0。表示非列表显示。
      disabled    表示禁用控件，禁用控件的值也不能被提交    
      name     用于指定该组件的名字，会与其option子元素的value值组成键值对随其他表单数据一齐被提交

      option 每一项
          option用于表示选项，常包含在 , 中            
          disabled    表示禁用组件，禁用组件的值也不能被提交    
          value    定义控件的初始值。提交表单时，初始值会被提交给服务器。    
          selected     表示该选项默认被选中
      optgroup表单组件
          optgroup用于表示包含option的选项组，常包含在 中        
          disabled    表示禁用组件，禁用组件的值也不能被提交    
          label    表示选项组的名称

    textarea 文本域
          textarea用于表示多行文本框，没有value属性，其值被包含在标签内    
          rows     定义文本框的行数    
          cols     定义文本框的列数    
          disabled    表示禁用控件，禁用组件的值也不能被提交    
          readonly     表示该控件只读，其值依然会被提交
          name     用于指定该控件的名字，会随着其值一同被提交到后台

    button   按钮

    lable    用于表示某一表单控件的标题  for 与为设定标题的表单控件的ID值一致