#{extends '../../main.html'/}#
#{set title:'Html Reference'/}#
#{set tab:'management'/}#

#{renderTagArgs '../docHome.html'/}#

<h1 id="html">Html Form Input</h1>

#{form action:@[POST_INPUT_TEXT_FORM]@, class:'form-horizontal'}#

  #{field 'firstName', label:'First Name'}#
    <input type="text" name="${field.name}$" value="${field.flashOrValue}$">
  #{/field}#

  <input type="submit" name="submit" value="&{'Save', 'link.save'}&" class="btn btn-primary" />

#{/form}#

<p>The webpieces html code above is:</p>

<pre>
<code>*[#{form action:@[POST_INPUT_TEXT_FORM]@, class:'form-horizontal'}#

  #{field 'firstName', label:'First Name'}#
    <input type="text" name="${field.name}$" value="${field.flashOrValue}$">
  #{/field}#

  <input type="submit" name="submit" value="&{'Save', 'link.save'}&" class="btn btn-primary" />

#{/form}#]*</code>
</pre>

<p>The webpieces routes for the above is:</p>

<pre>
<code>*[scopedBldr.addRoute(BOTH, HttpMethod.GET , "/examples/input", "ExamplesController.inputText", ExampleRouteId.INPUT_TEXT);
scopedBldr.addRoute(BOTH, HttpMethod.POST, "/examples/postInput", "ExamplesController.postInputText", ExampleRouteId.POST_INPUT_TEXT_FORM);
scopedBldr.addRoute(BOTH, HttpMethod.POST, "/examples/inputResult", "ExamplesController.inputTextResult", ExampleRouteId.INPUT_TEXT_RESULT);]*</code>
</pre>

<p>The Controller GET and POST methods for this page is:</p>

<pre>
<code>*[    public Render inputText() {
		return Actions.renderThis(
				"menu", menuCreator.getMenu(),
				"firstName", null);
	}
	
	public Redirect postInputText(String firstName) {
		//We could put the firstName in the url such as /examples/inputResult/{firstName} 
		//or we could save to database
		//or we can put it in flash and for this example, we put it in flash
		Current.flash().put("firstName", firstName);
		Current.flash().keep();
		return Actions.redirect(ExampleRouteId.INPUT_TEXT_RESULT);
	}]*</code>
</pre>