/**
 * @aside guide forms
 *
 * 電子メールフィールドにより、HTML5 email inputが作成されます。これは通常フォームの内部に作成されます。HTML email inputフィールドが作成されるため、たいていのブラウザでは、電子メールアドレス入力用の特別なバーチャルキーボードを表示します。それ以外は、電子メールフィールドは、通常のテキストフィールドです。これが、フォーム内での使用方法の一例です。
 *
 *     @example
 *     Ext.create('Ext.form.Panel', {
 *         fullscreen: true,
 *         items: [
 *             {
 *                 xtype: 'fieldset',
 *                 title: 'Register',
 *                 items: [
 *                     {
 *                         xtype: 'emailfield',
 *                         label: 'Email',
 *                         name: 'email'
 *                     },
 *                     {
 *                         xtype: 'passwordfield',
 *                         label: 'Password',
 *                         name: 'password'
 *                     }
 *                 ]
 *             }
 *         ]
 *     });
 *
 * または、フォーム自身、フォームの外側での使用例です。
 *
 *     Ext.create('Ext.field.Email', {
 *         label: 'Email address',
 *         value: '[email protected]'
 *     });
 *
 * 電子メールフィールドは、{@link Ext.field.Text textfield}から継承されるため、テキストフィールドが備えている機能のすべてを取得します。これには、ランタイム、バリデーション、およびユーザーがコンポーネントとやりとりする際に発火されるさまざまなイベントを取得、設定することも含まれます。さらに使用可能な機能については、{@link Ext.field.Text}を参照してください。
 */
Ext.define('Ext.field.Email', {
    extend: 'Ext.field.Text',
    alternateClassName: 'Ext.form.Email',
    xtype: 'emailfield',

    config: {
        /**
         * @cfg
         * @inheritdoc
         */
        component: {
	        type: 'email'
	    },

        /**
         * @cfg
         * @inheritdoc
         */
        autoCapitalize: false
    }
});