Added html5 form input and range types.

ericlbarnes · ericlbarnes · commit 09eee7607ef6 · 2011-07-18T21:31:17.000-04:00
diff --git a/system/helpers/form_helper.php b/system/helpers/form_helper.php
@@ -180,6 +180,65 @@ function form_input($data = '', $value = '', $extra = '')
 	}
 }
 
+
+// ------------------------------------------------------------------------
+
+/**
+ * Form Input Type
+ * 
+ * Create an html5 input field.
+ *
+ * @access	public
+ * @param mixed string $type The input type or array of values
+ * @param string $data The input name
+ * @param string $value The input value
+ * @param string $extra Any extra attributes
+ */
+if ( ! function_exists('form_input_type'))
+{
+	function form_input_type($type = '', $data = '', $value = '', $extra = '')
+	{
+		$defaults = array(
+			'type' => (( ! empty($type)) ? $type : 'text'),
+			'name' => (( ! is_array($data)) ? $data : ''),
+			'value' => $value
+		);
+
+		return "<input "._parse_form_attributes($type, $defaults).$extra." />";
+	}
+}
+
+// ------------------------------------------------------------------------
+
+/**
+ * Form Input Range
+ * 
+ * Create an html5 input range field.
+ *
+ * @access	public
+ * @param string $data The input name
+ * @param string $min The min value
+ * @param string $max The max value
+ * @param string $step The step value
+ * @param string $value The input value
+ * @param string $extra Any extra attributes
+ */
+if ( ! function_exists('form_input_range'))
+{
+	function form_input_range($data = '', $min = 0, $max = 0, $step = 0, $value = '', $extra = '')
+	{
+		$defaults = array(
+			'type' => 'time',
+			'name' => (( ! is_array($data)) ? $data : ''),
+			'value' => $value
+		);
+		
+		$extra = 'min="'.$min.'" max="'.$max.'" step="'.$step.'" '.$extra;
+
+		return "<input "._parse_form_attributes($data, $defaults).$extra." />";
+	}
+}
+
 // ------------------------------------------------------------------------
 
 /**
diff --git a/user_guide/changelog.html b/user_guide/changelog.html
@@ -82,6 +82,8 @@ <h2>Version 2.0.3</h2>
 		<ul>
 			<li>Added an optional third parameter to <samp>heading()</samp> which allows adding html attributes to the rendered heading tag.</li>
 			<li class="reactor"><kbd>form_open()</kbd> now only adds a hidden (Cross-site Reference Forgery) protection field when the form's action is internal and is set to the post method. (Reactor #165)</li>
+			<li class="reactor"><kbd>form_input_type()</kbd> added to the <a href="helpers/form_helper.html#form_input_type">form helper</a> to handle the majority of html5 input types.</li>
+			<li class="reactor"><kbd>form_input_range()</kbd> added to the <a href="helpers/form_helper.html#form_input_range">form helper</a> to handle html5 range input types.</li>
 		</ul>
 	</li>
 	<li>Libraries
diff --git a/user_guide/helpers/form_helper.html b/user_guide/helpers/form_helper.html
@@ -177,6 +177,33 @@ <h2>form_input()</h2>
 <br />
 echo form_input('username', 'johndoe', $js);</code>
 
+<h2 id="form_input_type">form_input_type()</h2>
+
+<p>This function is used to create most types of html5 input fields. You can minimally pass the field name and value in the first and second parameter:</p>
+
+<code>echo form_input_type('tel', 'phone');</code>
+
+Would produce: 
+<code>&lt;input type=&quot;tel&quot; name=&quot;phone&quot; value=&quot;&quot; /&gt;</code>
+
+It also two additional params: 
+
+<code>echo form_input_type('tel', 'phone', '8675309', 'id="phone"');</code>
+
+Would produce:
+<code>&lt;input type=&quot;tel&quot; name=&quot;phone&quot; value=&quot;8675309&quot; id=&quot;phone&quot; /&gt;</code>
+
+<h2 id="form_input_range">form_input_range()</h2>
+
+<p>This function is used to create an html5 range field:</p>
+
+<code>echo form_input_range('year', '2005', '2011', '1');</code>
+
+Would produce: 
+<code>&lt;input type=&quot;time&quot; name=&quot;year&quot; value=&quot;&quot; min=&quot;2005&quot; max=&quot;2011&quot; step=&quot;1&quot;  /&gt;</code>
+
+<p>The optional fifth and sixth parameters are a default value and a string of any extra attributes such as id, class, style.</p>
+
 <h2>form_password()</h2>
 
 <p>This function is identical in all respects to the <dfn>form_input()</dfn> function above
