Input Url
Deprecated as of API version 47.0. We recommend migrating to Lightning Web Components and using the lightning-input component.
Descriptor
ui:inputURLTargets
Lightning Experience, Experience Builder Sites, Salesforce Mobile App, Lightning Out / Visualforce, Standalone Lightning App
Example Options
Using ui:inputURLThis example retrieves the value of a ui:inputURL component and displays it using ui:outputURL. To apply Lightning Design System styling, we recommend that you use lightning:input with type="url" instead of ui:inputURL.
Code
<aura:component> <ui:inputURL aura:id="url" label="Venue URL" class="field" value="http://www.example.com"/> <ui:button class="btn" label="Submit" press="{!c.setOutput}"/> <div aura:id="msg" class="hide"> You entered: <ui:outputURL aura:id="oURL" value=""/> </div> </aura:component>