疯狂HTML-02

为所有表单控件都增加了form属性。HTML5新增的校检API，可以直接在表单控件中通过required、pattern等属性来指定客户端校检规则。

 

表单元素

    <form>

        action      当单击”确认”按钮时,该表单被提交到哪个地址.

        method      提交表单时发送何种类型的请求

GET     会将请求参数的名和值转换成字符串,并附加在原URL之后,因此可以在地址栏中看到请求参数名和值.

POST    POST传送的数据量较大, 且安全性较高.

        enctype     指定对表单内容进行编码所使用的字符集

            application/x-www-form-urlencoded       默认的编码方式

            multipart/form-data                     以二进制流的方式处理表单数据

text/plain              主要适用于直接通过表单发送邮件的方式

        name        指定表单的唯一名称,建议与id属性值保持一致

            表单的name属性指定请求参数名, value属性指定请求参数值.

        target      指定使用哪种方式打开URL.

 

在HTML页面中,提交请求通常有两种方式, 即提交表单和使用超链接.

 

onfocus onblur属性分别设置得到焦点 失去焦点的响应事件.tabIndex属性让用户用Tab让输入焦点在各表单控件上转移.

 

<input>

    type

        text        单行文本框

        password    密码输入框

        hidden      隐藏域

        radio       单选框

        checkbox    复选框

        image       图像域

        file        文件上传域

            accept      控制允许上传的文件类型

            multiple    是否允许选择多个文件

        submit      提交

        reset       重设

        button      无动作

        color       颜色选择器

        date        日期选择器

        time        时间选择器

        datetime    UTC日期 时间选择器

        datetime-local     

        week   

        month

        email

        tel

        url

        number

        range       拖动条

            minmax step

        search

    checked     设置单 复选框初始状态是否处于选中状态

    disabled    设置首次加载时禁用此元素

    maxlength   文本框所允许输入的最大字符数

    readonly    只读

    size        指定元素的宽度

    src         指定图像域所显示图像的URL

 

浏览器将<form>元素中具有相同name属性的单选框当成一组.

 

当用户点击<label>元素所产生的标签时,该标签关联的表单控件. 让标签和表单控件关联有两种方法: 隐式使用for属性指定表单控件的id属性值; 或将普通文本 表单控件一起放在<label>元素内部.

 

<select>创建列表框或下拉列表, 与<optgroup> <option>元素结合使用. multiple属性设置多选, size属性设置同时显示多少个列表项.

 

<textarea>元素生成多行文本域.

 

HTML5为表单控件新增的属性

    formformaction formxxx autofocus placeholder list autocomplete

 

FileReader对象的方法

    readAsText(file,encoding)       以文本文件的方式读取

    readAsBinaryString(file)        以二进制方式读取

    readAsDataURL(file)             以DataURL方式读取

    abort()                         停止读取

事件

    onloadstart                     开始读取时触发

    onprogress                      正在读取时触发

    onload                          读取成功后触发

    onloadend                       读取完成后触发

    onerror                         读取失败时触发