HTML5 Fields


Toby Evans

3rd Party (Free)

43 downloads (last 90 days)

MIT License Download v1.0.2

EE Version Support

  • ExpressionEngine 2


If an item is crossed out, it might be untested, not applicable or incompatible. Contact the developer to be sure.

  • Updater
  • Multi Site Manager
  • Stand Alone Entry Form
  • Low Variables
  • Content Elements
  • Better Workflow
  • Matrix
  • Grid
  • Webservice
  • Publisher


Add-On Type(s)



This fieldtype adds html5 input types: text, url, email, number, tel and range; as well as the applicable attributes: placeholder, pattern, min/max/step, multiple, required, etc. Now free. Forever.

Many of the features of this addon only work in browsers that natively support them, with the exceptions of the placeholder attribute & range field - which both have polyfills to work in all browsers, and the server-side validation for each field type.


This addon requires EE 2.4+


To install html5 fields, download & open the zip file.

  1. Copy system/expressionengine/third_party/html5_input to your sites system/expressionengine/third_party folder.
  3. Copy themes/third_party/html5_inputs to your themes/third_party folder.
  5. In your EE admin go to addons->fieldtypes and click install on the Html5 Input Fields.


All fields have simple output in your templates. email, url, & tel fields also have an optional parameter “autolink”, which will automatically wrap the value in the applicable link(http, mailto, callto).


{my_url autolink=“yes”}

will output:
<a href=“”></a>

Planned Features:

- Matrix support
- Safecracker support
- hopefully file field with support for accept & multiple.

Download HTML5 Fields

EE Support Downloads Add-On Version Release Date
2.4.0+ Download 1.0.2 Feb 10, 2012

HTML5 Fields Links

This entry was created February 9, 2012, 11:14 am.
This entry was last updated June 8, 2015, 5:55 am.

Disclaimer: Information about ExpressionEngine add-ons is provided as a service to you, the user, and every member of the ExpressionEngine community. devot:ee is not responsible if you hose, mangle, wreck, or otherwise destroy your EE website by installing an add-on that you found out about at this site, regardless of its rating, Favorites status, commercial or free status, or general popularity. Caveat EEmptor!

Returns: devot:ee has a 30-day return policy on all commercial add-ons sold through If you need to return an add-on, do not go to the developer or the developer's site, but rather visit our returns page at to initiate your return. If you have questions, email

There are no reviews for this add-on yet.

What are you waiting for? Rate it and review it!