{"id":749,"date":"2011-07-28T15:40:13","date_gmt":"2011-07-28T21:40:13","guid":{"rendered":"http:\/\/www.curtisgibby.com\/blog\/?p=749"},"modified":"2016-05-11T06:38:32","modified_gmt":"2016-05-11T12:38:32","slug":"html5-form-inputs-in-cakephp-1-2","status":"publish","type":"post","link":"https:\/\/www.curtisgibby.com\/blog\/2011\/07\/html5-form-inputs-in-cakephp-1-2\/","title":{"rendered":"HTML5 form inputs in CakePHP 1.2"},"content":{"rendered":"

At work, we’re building out a mobile version of our replicated sites.\u00a0 As anyone who’s used an iPhone or Android browser to fill out a web form knows… using an iPhone or Android browser to fill out a web form is really annoying, and it’s best to make things as user-friendly as possible.\u00a0 That’s why I wanted to leverage the power of HTML5 form elements<\/a> to minimize that annoyance.<\/p>\n

<\/p>\n

On the iPhone, Mobile Safari renders its on-screen keyboard differently for “email,” “tel” and “url” form fields — you automatically get the keys that make the most sense for each specific situation.<\/p>\n

\"HTML5<\/a>
HTML5 email form input rendered on an iPhone<\/figcaption><\/figure>\n
\"HTML5<\/a>
HTML5 tel form input rendered on an iPhone<\/figcaption><\/figure>\n
\"HTML5<\/a>
HTML5 url form input rendered on an iPhone<\/figcaption><\/figure>\n

However, the version of CakePHP that we’re running our replicated sites on (1.2.5) doesn’t have support for these awesome HTML5 inputs — any unknown input type is automatically rendered as a textarea.\u00a0 (What kind of weird default is that?)<\/p>\n

The HTML5 inputs are<\/em> supported<\/a> in CakePHP 2.0 (currently in beta), but we’re stuck with 1.2.5 for the time being.\u00a0 Lennaert Ekelmans back-ported that support<\/a> to 1.3.6, but his solution didn’t work for me out of the box either — apparently there were a couple of changes in the Form helper between 1.2.5 and 1.3.6.\u00a0 So I back-back-ported his code to work with 1.2.5.\u00a0 Here it is:<\/p>\n

\u00a0<?php \r\n# app\/views\/helpers\/html5_form.php\r\nApp::import('Helper', 'Form');\r\nclass Html5FormHelper extends FormHelper {\r\n\u00a0\u00a0 \u00a0\/**\r\n\u00a0\u00a0 \u00a0 * Generates a form input element complete with label and wrapper div\r\n\u00a0\u00a0 \u00a0 *\r\n\u00a0\u00a0 \u00a0 * Options - See each field type method for more information. Any options that are part of \r\n\u00a0\u00a0 \u00a0 * $attributes or $options for the different type methods can be included in $options for input().\r\n\u00a0\u00a0 \u00a0 *\r\n\u00a0\u00a0 \u00a0 * - 'type' - Force the type of widget you want. e.g. ```type => 'select'```\r\n\u00a0\u00a0 \u00a0 * - 'label' - control the label\r\n\u00a0\u00a0 \u00a0 * - 'div' - control the wrapping div element\r\n\u00a0\u00a0 \u00a0 * - 'options' - for widgets that take options e.g. radio, select\r\n\u00a0\u00a0 \u00a0 * - 'error' - control the error message that is produced\r\n\u00a0\u00a0 \u00a0 *\r\n\u00a0\u00a0 \u00a0 * @param string $fieldName This should be \"Modelname.fieldname\"\r\n\u00a0\u00a0 \u00a0 * @param array $options Each type of input takes different options.\r\n\u00a0\u00a0 \u00a0 * @return string Completed form widget\r\n\u00a0\u00a0 \u00a0 *\r\n\u00a0\u00a0 \u00a0 * different from regular form helper only in the textarea\/default case -- adds support for HTML5 form types and attributes like placeholder\r\n\u00a0\u00a0 \u00a0 *\r\n\u00a0\u00a0 \u00a0 *\/\r\n\u00a0\u00a0 \u00a0function input($fieldName, $options = array()) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$view =& ClassRegistry::getObject('view');\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$this->setEntity($fieldName);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$entity = join('.', $view->entity());\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$defaults = array('before' => null, 'between' => null, 'after' => null);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$options = array_merge($defaults, $options);\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (!isset($options['type'])) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$options['type'] = 'text';\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (isset($options['options'])) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$options['type'] = 'select';\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0} elseif (in_array($this->field(), array('psword', 'passwd', 'password'))) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$options['type'] = 'password';\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0} elseif (isset($this->fieldset['fields'][$entity])) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$fieldDef = $this->fieldset['fields'][$entity];\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$type = $fieldDef['type'];\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$primaryKey = $this->fieldset['key'];\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0} elseif (ClassRegistry::isKeySet($this->model())) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$model =& ClassRegistry::getObject($this->model());\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$type = $model->getColumnType($this->field());\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$fieldDef = $model->schema();\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (isset($fieldDef[$this->field()])) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$fieldDef = $fieldDef[$this->field()];\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0} else {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$fieldDef = array();\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$primaryKey = $model->primaryKey;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (isset($type)) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$map = array(\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'string'\u00a0 => 'text',\u00a0\u00a0\u00a0\u00a0 'datetime'\u00a0 => 'datetime',\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'boolean' => 'checkbox', 'timestamp' => 'datetime',\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'text'\u00a0\u00a0\u00a0 => 'textarea', 'time'\u00a0\u00a0\u00a0\u00a0\u00a0 => 'time',\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'date'\u00a0\u00a0\u00a0 => 'date',\u00a0\u00a0\u00a0\u00a0 'float'\u00a0\u00a0\u00a0\u00a0 => 'text'\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0);\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (isset($this->map[$type])) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$options['type'] = $this->map[$type];\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0} elseif (isset($map[$type])) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$options['type'] = $map[$type];\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if ($this->field() == $primaryKey) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$options['type'] = 'hidden';\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if ($this->model() === $this->field()) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$options['type'] = 'select';\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (!isset($options['multiple'])) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$options['multiple'] = 'multiple';\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$types = array('text', 'checkbox', 'radio', 'select');\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (!isset($options['options']) && in_array($options['type'], $types)) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$view =& ClassRegistry::getObject('view');\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$varName = Inflector::variable(\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0Inflector::pluralize(preg_replace('\/_id$\/', '', $this->field()))\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$varOptions = $view->getVar($varName);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (is_array($varOptions)) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if ($options['type'] !== 'radio') {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$options['type'] = 'select';\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$options['options'] = $varOptions;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$autoLength = (!array_key_exists('maxlength', $options) && isset($fieldDef['length']));\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if ($autoLength && $options['type'] == 'text') {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$options['maxlength'] = $fieldDef['length'];\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if ($autoLength && $fieldDef['type'] == 'float') {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$options['maxlength'] = array_sum(explode(',', $fieldDef['length']))+1;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$out = '';\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$div = true;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$divOptions = array();\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (array_key_exists('div', $options)) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$div = $options['div'];\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0unset($options['div']);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (!empty($div)) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$divOptions['class'] = 'input';\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$divOptions = $this->addClass($divOptions, $options['type']);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (is_string($div)) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$divOptions['class'] = $div;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0} elseif (is_array($div)) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$divOptions = array_merge($divOptions, $div);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (in_array($this->field(), $this->fieldset['validates'])) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$divOptions = $this->addClass($divOptions, 'required');\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (!isset($divOptions['tag'])) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$divOptions['tag'] = 'div';\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$label = null;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (isset($options['label']) && $options['type'] !== 'radio') {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$label = $options['label'];\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0unset($options['label']);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if ($options['type'] === 'radio') {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$label = false;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (isset($options['options'])) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (is_array($options['options'])) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$radioOptions = $options['options'];\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0} else {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$radioOptions = array($options['options']);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0unset($options['options']);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if ($label !== false) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$labelAttributes = $this->domId(array(), 'for');\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (in_array($options['type'], array('date', 'datetime'))) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$labelAttributes['for'] .= 'Month';\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0} else if ($options['type'] === 'time') {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$labelAttributes['for'] .= 'Hour';\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (is_array($label)) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$labelText = null;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (isset($label['text'])) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$labelText = $label['text'];\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0unset($label['text']);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$labelAttributes = array_merge($labelAttributes, $label);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0} else {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$labelText = $label;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (isset($options['id'])) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$labelAttributes = array_merge($labelAttributes, array('for' => $options['id']));\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$out = $this->label($fieldName, $labelText, $labelAttributes);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$error = null;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (isset($options['error'])) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$error = $options['error'];\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0unset($options['error']);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$selected = null;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (array_key_exists('selected', $options)) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$selected = $options['selected'];\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0unset($options['selected']);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (isset($options['rows']) || isset($options['cols'])) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$options['type'] = 'textarea';\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$empty = false;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (isset($options['empty'])) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$empty = $options['empty'];\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0unset($options['empty']);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$timeFormat = 12;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (isset($options['timeFormat'])) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$timeFormat = $options['timeFormat'];\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0unset($options['timeFormat']);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$dateFormat = 'MDY';\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (isset($options['dateFormat'])) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$dateFormat = $options['dateFormat'];\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0unset($options['dateFormat']);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$type\u00a0\u00a0 \u00a0 = $options['type'];\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$before\u00a0\u00a0 \u00a0 = $options['before'];\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$between = $options['between'];\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$after\u00a0\u00a0 \u00a0 = $options['after'];\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0unset($options['type'], $options['before'], $options['between'], $options['after']);\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0switch ($type) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0case 'hidden':\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$out = $this->hidden($fieldName, $options);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0unset($divOptions);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0break;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0case 'checkbox':\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$out = $before . $this->checkbox($fieldName, $options) . $between . $out;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0break;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0case 'radio':\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$out = $before . $out . $this->radio($fieldName, $radioOptions, $options) . $between;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0break;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0case 'text':\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0case 'password':\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$out = $before . $out . $between . $this->{$type}($fieldName, $options);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0break;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0case 'file':\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$out = $before . $out . $between . $this->file($fieldName, $options);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0break;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0case 'select':\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$options = array_merge(array('options' => array()), $options);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$list = $options['options'];\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0unset($options['options']);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$out = $before . $out . $between . $this->select(\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$fieldName, $list, $selected, $options, $empty\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0break;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0case 'time':\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$out = $before . $out . $between . $this->dateTime(\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$fieldName, null, $timeFormat, $selected, $options, $empty\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0break;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0case 'date':\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$out = $before . $out . $between . $this->dateTime(\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$fieldName, $dateFormat, null, $selected, $options, $empty\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0break;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0case 'datetime':\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$out = $before . $out . $between . $this->dateTime(\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$fieldName, $dateFormat, $timeFormat, $selected, $options, $empty\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0break;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0case 'textarea':\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$out = $before . $out . $between . $this->textarea($fieldName, $options + array('cols' => 30, 'rows' => 6));\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0break;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0default:\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$out = $before . $out . $between . $this->defaultInput($type, $fieldName, $options);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0break;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if ($type != 'hidden') {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$out .= $after;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if ($error !== false) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$errMsg = $this->error($fieldName, $error);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if ($errMsg) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$out .= $errMsg;\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$divOptions = $this->addClass($divOptions, 'error');\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0if (isset($divOptions) && isset($divOptions['tag'])) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$tag = $divOptions['tag'];\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0unset($divOptions['tag']);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$out = $this->Html->tag($tag, $out, $divOptions);\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0return $out;\r\n\u00a0\u00a0 \u00a0}\r\n\r\n\u00a0\u00a0 \u00a0\/**\r\n\u00a0\u00a0 \u00a0* Creates a default input widget, whose type is determined by $options['type'].\r\n\u00a0\u00a0 \u00a0*\r\n\u00a0\u00a0 \u00a0* @param string $fieldName Name of a field, in the form \"Modelname.fieldname\"\r\n\u00a0\u00a0 \u00a0* @param array $options Array of HTML attributes.\r\n\u00a0\u00a0 \u00a0* @return string A generated HTML input element\r\n\u00a0\u00a0 \u00a0* @access public\r\n\u00a0\u00a0 \u00a0*\/\r\n\u00a0\u00a0 \u00a0function defaultInput($type, $fieldName, $options = array()) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$options = $this->_initInputField($fieldName, array_merge(\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0array('type' => $type), $options\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0));\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0return sprintf(\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$this->Html->tags['input'],\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$options['name'],\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$this->_parseAttributes($options, array('name'), null, ' ')\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0);\r\n\u00a0\u00a0 \u00a0}\r\n}\u00a0\u00a0 \u00a0\r\n?><\/pre>\n
Unlike Lennaert, I chose to extend the regular form helper by creating my own helper class instead of adding the necessary code to Cake’s own form helper. Now I can get good HTML5 form inputs by adding the Html5Form helper to my controller and then calling the following code in my view:<\/p>\n
echo $html5Form->input('email',\r\n\u00a0\u00a0 \u00a0array(\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'autofocus' => 'autofocus',\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'placeholder' => 'email@example.com',\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'type' => 'email',\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'label' => __('Email address', true),\r\n        'required' => 'required',\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'div' => 'required'\r\n\u00a0\u00a0 \u00a0)\r\n);\r\necho $html5Form->input('phone',\r\n\u00a0\u00a0 \u00a0array(\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'placeholder' => '801-867-5309',\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'type' => 'tel',\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'label' => __('Phone', true),\r\n        'required' => 'required',\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'div' => 'required'\r\n\u00a0\u00a0 \u00a0)\r\n);\r\necho $html5Form->input('phone',\r\n\u00a0\u00a0 \u00a0array(\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'placeholder' => 'http:\/\/www.curtisgibby.com',\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'type' => 'url',\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'label' => __('Web site', true),\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0'required' => 'required',\r\n        'div' => 'required'\r\n\u00a0\u00a0 \u00a0)\r\n);<\/pre>\n
That results in the following HTML:<\/p>\n
<div>\r\n\u00a0\u00a0 \u00a0<label for=\"ContactEmail\">Email address<\/label>\r\n\u00a0\u00a0 \u00a0<input name=\"data[Contact][email]\" type=\"email\" autofocus=\"autofocus\" placeholder=\"email@example.com\" required=\"required\" value=\"\" id=\"ContactEmail\" \/>\r\n<\/div>\r\n<div>\r\n\u00a0\u00a0 \u00a0<label for=\"ContactPhone\">Phone<\/label>\r\n\u00a0\u00a0 \u00a0<input name=\"data[Contact][phone]\" type=\"tel\" placeholder=\"801-867-5309\" required=\"required\" value=\"\" id=\"ContactPhone\" \/>\r\n<\/div>\r\n<div>\r\n\u00a0\u00a0 \u00a0<label for=\"ContactPhone\">Web site<\/label>\r\n\u00a0\u00a0 \u00a0<input name=\"data[Contact][phone]\" type=\"url\" placeholder=\"http:\/\/www.curtisgibby.com\" required=\"required\" value=\"\" id=\"ContactPhone\" \/>\r\n<\/div><\/pre>\n
(There doesn’t seem to be an easy way to output HTML5’s standalone attributes as simply autofocus<\/em> or required<\/em> rather than the more verbose XHTML-ish autofocus = ‘autofocus’<\/em> or required = ‘true’<\/em> — without hacking the CakePHP base helper class. I’m okay with this slightly lengthier version for now though.)<\/p>\n
If you find this code useful, let me know in the comments.<\/p>\n","protected":false},"excerpt":{"rendered":"
At work, we’re building out a mobile version of our replicated sites.\u00a0 As anyone who’s used an iPhone or Android browser to fill out a web form knows… using an iPhone or Android browser to fill out a web form is really annoying, and it’s best to make things as user-friendly as possible.\u00a0 That’s why… Continue reading HTML5 form inputs in CakePHP 1.2<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,17],"tags":[15,138,137,139,16],"class_list":["post-749","post","type-post","status-publish","format-standard","hentry","category-programming","category-work","tag-cakephp","tag-form-inputs","tag-html5","tag-mobile","tag-php","entry"],"_links":{"self":[{"href":"https:\/\/www.curtisgibby.com\/blog\/wp-json\/wp\/v2\/posts\/749","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.curtisgibby.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.curtisgibby.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.curtisgibby.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.curtisgibby.com\/blog\/wp-json\/wp\/v2\/comments?post=749"}],"version-history":[{"count":8,"href":"https:\/\/www.curtisgibby.com\/blog\/wp-json\/wp\/v2\/posts\/749\/revisions"}],"predecessor-version":[{"id":809,"href":"https:\/\/www.curtisgibby.com\/blog\/wp-json\/wp\/v2\/posts\/749\/revisions\/809"}],"wp:attachment":[{"href":"https:\/\/www.curtisgibby.com\/blog\/wp-json\/wp\/v2\/media?parent=749"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.curtisgibby.com\/blog\/wp-json\/wp\/v2\/categories?post=749"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.curtisgibby.com\/blog\/wp-json\/wp\/v2\/tags?post=749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}