HTML5 Fields

Developer

Toby Evans

3rd Party (Free)

413 downloads (last 90 days)

MIT License Download v1.0.2

EE Version Support

  • ExpressionEngine 2

Compatibility

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

Requirements

Add-On Type(s)

Fieldtype

Tags

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.

Note:

This addon requires EE 2.4+

Installation:

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.
    2.  
  2. Copy themes/third_party/html5_inputs to your themes/third_party folder.
    3.  
  3. In your EE admin go to addons->fieldtypes and click install on the Html5 Input Fields.

Usage:

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).

eg:

{my_url}
{my_url autolink=“yes”}

will output:

http://mylink.com
<a href=“http://mylink.com”>http://mylink.com</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 devot-ee.com. 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 https://devot-ee.com/returns to initiate your return. If you have questions, email support@devot-ee.com.

There are no reviews for this add-on yet.

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