eXtensible Form Language Demo: H

Form with single image upload.

Source Array

Array
(
    [name] => Image caption
)

XFL Document

<?xml version="1.0" encoding="UTF-8"?>
<xfl xmlns:xfl="http://semlabs.co.uk/products/xfl">
	<form enctype="multipart/form-data" action="" method="post">
		<ul>
			<li>
				<label>Name</label>
				<input type="text" name="name" maxlength="48">
					<xfl:sanitise type="text" />
					<xfl:validate type="required" value="yes" error="Name is required" />
					<xfl:validate type="minlength" value="2" error="Name must not be shorter than 2 characters" />
					<xfl:validate type="maxlength" value="64" error="Name must not be longer than 64 characters" />
					<xfl:validate type="regex" value="/[a-z ]+/i" error="Name must only contain letters and spaces" />
				</input>
			</li>
			<li>
				<label>Image</label>
				<input type="file" name="image" maxlength="48">
					<xfl:validate type="required" value="yes" error="Image is required" />
					<xfl:file type="mime" error="Image must be a JPG or a PNG">
						<xfl:value>image/png</xfl:value>
						<xfl:value>image/jpeg</xfl:value>
					</xfl:file>
					<xfl:file type="maxFileSize" value="10000" error="Image must be no more than 10Kb" />
					<xfl:file type="minFileSize" value="5000" error="Image must be at least 5Kb" />
					<xfl:file type="maxImgHeight" value="16" error="Image must be no more than 16 pixels in height" />
					<xfl:file type="maxImgWidth" value="16" error="Image must be no more than 16 pixels in width" />
					<xfl:file type="minImgHeight" value="8" error="Image must be more or equal than 8 pixels in height" />
					<xfl:file type="minImgWidth" value="8" error="Image must be more or equal than 8 pixels in width" />
				</input>
			</li>
			<li>
				<button name="xfl_submit">Submit</button>
			</li>
		</ul>
	</form>
</xfl>

eXtensible Form Language

Version: 0.3.1 (open beta²)

Download

Requirements: PHP 5.2

SEM Labs

Handcrafted Pixels, Code & Title Tags

eXtensible Form Language Demos

Source Array

XFL Document