Email

概述

Email电子邮件输入组件，继承自Input，底层input type固定为email，默认显示email前缀图标，在触屏设备上会弹出带@符号的专用键盘。

示例

声明一个邮箱字段只需要指定widget: 'email'：

const form = document.querySelector('#form');
form.state = {
    email: configurable('', {
        label: '电子邮件',
        widget: 'email',
        placeholder: '请输入邮箱地址',
    }),
};

loading

指南

格式校验

type=email本身只做宽松校验（要求形如a@b），严格的格式校验建议通过validate函数配合errorMessage实现：

form.state = {
    email: configurable('', {
        label: '电子邮件',
        widget: 'email',
        required: true,
        validate: (value: string) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value),
        errorMessage: '无效的电子邮件地址', 
    }),
};

属性

继承Input全部属性，无自有属性。

注意事项

• 完整属性（pattern、minLength、maxLength、validate等）见Input。
• 更多底层行为参考MDN input/email。