Standard Joomla XML field type - URL

Standard field type Joomla XML – URL displays a plain text field in which the direct link (URL) is filled. Type of field Joomla XML – URL works in versions Joomla 2.5 and above. The field works with the preservation of any type of URL, including with idn – it guarantees the preservation of any entered email address, regardless of type and environment.

To correctly display the field address in idn format, you must use the conversion function:

				
					JStringPunycode::urlToUTF8($this->contact->webpage);

Example of a field in the CMS Joomla 3:

Example of a field in the CMS Joomla 4:

The XML code of the field from the example looks like this:

				
					<field
       name="url"
       type="url"
       label="URL"
       description="Enter the desired URL"/>

This field supports attributes:

name – system field name (field identifier).
type – field type, in this case «tel».
label – field name displayed.
description – field description.
class – applicable CSS field classes.
default – sets the default value of the field.
required – sets the mandatory field attribute. A form without this field cannot be submitted. Possible variants can be true and false.
readonly – sets the field to read-only mode, the value of the field cannot be changed. The options can be true and false.
maxlength – sets the maximum number of characters allowed to be entered.
size – the width of the text field in characters. If no field width is specified, it takes the value from the user’s browser. This attribute does not limit the number of characters entered.
disabled – makes the field unchangeable. The value in the field is not saved. The options are true and false.
hint – adds a tooltip to the placeholder field.
autocomplete – disables autocomplete in the field. To disable it, you must specify value for example autocomplete=”off”. To make autocomplete available, just remove this attribute.
autofocus – sets autofocus on the field after the page loads.
onchange – attribute that will add JavaScript code to the field that is executed when the data in the field changes.
spellcheck – instructs the browser whether to check for grammar in the field. The options are true and false.
filter – sets the option to filter the data in the field.
validate – connects a mask to the field to validate it.
relative – if true, you can enter free URLs.