Form
Form element for Manipulator form module - Util.Form.
Outer form
<form action="#" method="[POST|GET]" class="[labelstyle:inject]">
<fieldset>
<div class="field string">...</div>
</fieldset>
<ul class="actions">...</ul>
</form>
string (input[type="text"])
<div class="field string [required]">
<label for="input_string">String [required]</label>
<input type="text" name="string" id="input_string" />
<div class="help">
<div class="hint">hint message</div>
<div class="error">error message</div>
</div>
</div>
text (textarea)
<div class="field text [required]">
<label for="input_text">Text [required]</label>
<textarea name="text" id="input_text"></textarea>
<div class="help">
<div class="hint">hint message</div>
<div class="error">error message</div>
</div>
</div>
select (select)
<div class="field select [required]">
<label for="input_select">Select [required]</label>
<select name="select" id="input_select">
<option value="0" selected="selected">test</option>
</select>
<div class="help">
<div class="hint">hint message</div>
<div class="error">error message</div>
</div>
</div>
email (input[type="email"])
<div class="field email [required]">
<label for="input_email">Email</label>
<input type="email" name="email" id="input_email" maxlength="255" />
<div class="help">
<div class="hint">hint message</div>
<div class="error">error message</div>
</div>
</div>
tel (input[type="tel"])
<div class="field tel [required]">
<label for="input_tel">Phone [required]</label>
<input type="tel" name="tel" id="input_tel" maxlength="255" />
<div class="help">
<div class="hint">hint message</div>
<div class="error">error message</div>
</div>
</div>
password (input[type="password"])
<div class="field password [required]">
<label for="input_password">Password [required]</label>
<input type="password" name="password" id="input_password" maxlength="255" />
<div class="help">
<div class="hint">hint message</div>
<div class="error">error message</div>
</div>
</div>
integer (input[type="number"])
<div class="field integer [required]">
<label for="input_integer">Integer [required]</label>
<input type="number" name="integer" id="input_integer" value="0" />
<div class="help">
<div class="hint">hint message</div>
<div class="error">error message</div>
</div>
</div>
number (input[type="number"])
<div class="field number [required]">
<label for="input_number">Number [required]</label>
<input type="number" name="number" id="input_number" />
<div class="help">
<div class="hint">hint message</div>
<div class="error">error message</div>
</div>
</div>
datetime (input[type="datetime"])
<div class="field datetime [required]">
<label for="input_datetime">Datetime (yyyy-mm-dd hh:mm) [required]</label>
<input type="datetime" name="datetime" id="input_datetime" />
<div class="help">
<div class="hint">hint message</div>
<div class="error">error message</div>
</div>
</div>
date (input[type="date"])
<div class="field date [required]">
<label for="input_date">Date (yyyy-mm-dd) [required]</label>
<input type="date" name="date" id="input_date" />
<div class="help">
<div class="hint">hint message</div>
<div class="error">error message</div>
</div>
</div>
checkbox (input[type="checkbox"])
<div class="field checkbox [required]">
<input type="hidden" name="checkbox" value="0" />
<input type="checkbox" name="checkbox" id="input_checkbox" value="1" />
<label for="input_checkbox">Checkbox [required]</label>
<div class="help">
<div class="hint">hint message</div>
<div class="error">error message</div>
</div>
</div>
radiobuttons (input[type="radio"])
<div class="field radiobuttons [required]">
<label>Radiobuttons [required]</label>
<div class="item">
<input type="radio" name="radiobuttons" id="input_radiobuttons_value1" value="value1" />
<label for="input_radiobuttons_value1">text1</label>
</div>
<div class="item">
<input type="radio" name="radiobuttons" id="input_radiobuttons_value2" value="value2" />
<label for="input_radiobuttons_value2">text2</label>
</div>
<div class="help">
<div class="hint">hint message</div>
<div class="error">error message</div>
</div>
</div>
html (HTML editor)
<div class="field html [required] tags:[p,h1,h2,h3,h4,h5,h6,code,ul,ol]">
<label for="input_html">HTML [required]</label>
<textarea name="html" id="input_html"></textarea>
<div class="help">
<div class="hint">hint message</div>
<div class="error">error message</div>
</div>
</div>
location (GeoLocation)
<div class="field location [required]">
<div class="location">
<label for="input_location">Location [required]</label>
<input type="text" name="location" id="input_location" class="location" />
</div>
<div class="latitude">
<label for="input_latitude">Latitude [required]</label>
<input type="text" name="latitude" value="0" id="input_latitude" class="latitude" />
</div>
<div class="longitude">
<label for="input_longitude">Longitude [required]</label>
<input type="text" name="longitude" value="0" id="input_longitude" class="longitude" />
</div>
<div class="help">
<div class="hint">hint message</div>
<div class="error">error message</div>
</div>
</div>
Actions