/**
* The Url field creates an HTML5 url input and is usually created inside a form. Because it creates an HTML url input
* field, most browsers will show a specialized virtual keyboard for web address input. Aside from that, the url field
* is just a normal text field. Here's an example of how to use it in a form:
*
* Ext.create('Ext.form.Panel', {
* tbar: {
* text: 'Add Bookmark'
* },
*
* items: [
* {
* xtype: 'urlfield',
* label: 'Url',
* name: 'url'
* }
* ]
* });
*
* Or on its own, outside of a form:
*
* Ext.create('Ext.field.Url', {
* label: 'Web address',
* value: 'http://sencha.com'
* });
*
* Because url field inherits from {@link Ext.field.Text textfield} it gains all of the functionality that text fields
* provide, including getting and setting the value at runtime, validations and various events that are fired as the
* user interacts with the component. Check out the {@link Ext.field.Text} docs to see the additional functionality
* available.
*/
Ext.define('Ext.field.Url', {
extend: 'Ext.field.Text',
xtype: 'urlfield',
alternateClassName: 'Ext.form.Url',
config: {
// @inherit
autoCapitalize: false,
// @inherit
component: {
type: 'url'
}
}
});