Untitled

dabblet.css

input, select, textarea {
	display: block;
	margin: 10px;
}

textarea {
   resize: none;
}

dabblet.html

<form action="a_file.php" method="post" enctype="application/x-www-form-urlencoded" name="myForm" id="myForm" target="_self">
	<input type="text" name="TextField" maxlength="20" size="50" value="I am a happy default value" />
	<input type="text" name="DisabledTextField" maxlength="20" disabled="disabled" size="50" value="I am a happy default value" />
	<input type="text" name="ReadOnlyTextField" maxlength="20" readonly="readonly" size="50" value="I am a happy default value" />
		
	<input type="password" name="PasswordField" maxlength="16" size="50" value="iamadefaultpass" />
	
	<textarea name="TextArea" id="TextArea" cols="50" rows="10" >Wat wat wat wat</textarea>
	
	<select name="SingleList" id="SingleList">
		<option value="Greece" selected="selected">Greece</option>
		<option value="Italy">Italy</option>
		<option value="USA" disabled="disabled">USA</option>
	</select> 
	
	<select name="SingleList" id="SingleList" size="3">
		<option value="Greece" selected="selected">Greece</option>
		<option value="Italy">Italy</option>
		<option value="USA" disabled="disabled">USA</option>
		<option value="wat">wat</option>
	</select>
	
	<select name="Menu" id="Menu" size="20" multiple="multiple">
		<optgroup label="First choice">
			<option value="Greece" selected="selected">Greece</option>
			<option value="Italy">Italy</option>
			<option value="USA" disabled="disabled">USA</option>
			<option value="wat">wat</option>
		</optgroup>
		<optgroup label="Second Choice">
			<option value="Greece" selected="selected">Greece</option>
			<option value="Italy">Italy</option>
			<option value="USA" disabled="disabled">USA</option>
			<option value="wat">wat</option>
		</optgroup>
	</select>
	<p>You like:</p> 
	<label for="male">Male</label>
	<input type="checkbox" name="Checkbox1" id="Checkbox1">
	<label for="female">Female</label>
	<input type="checkbox" name="Checkbox2" id="Checkbox2">
	<br />
	<br />
	<br />
	
	<label for="male">Male</label>
  	<input type="radio" name="sex" id="male" value="male"><br>
  	<label for="female">Female</label>
  	<input type="radio" name="sex" id="female" value="female"><br>
  	
  	<input type="submit" value="Submit">
</form>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}