JSFiddle - React, Tailwind, and code Playground

by paffffff

HTML

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Генератор строк подключения</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="author" content="">

	<!-- Le styles -->
	<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
	<style type="text/css">
		body { padding-top: 60px; padding-bottom: 40px; }
	</style>
	<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">

	<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
		<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
</head>
<body>


	<div class="container">
		
		<div class="row-fluid">
			<div class="span12">
				<form class="form-horizontal">
					<fieldset>
						<legend>Controls Bootstrap supports</legend>
						<div class="control-group">
							<span class="control-label">Шаблон</span>
							<div class="controls">
								<input type="text" placeholder="blockpro/blockpro" value="" id="template">
							</div>
						</div>
						<div class="control-group">
							<span class="control-label">Время жизни кеша</span>
							<div class="controls">
								<input class="span2" type="number" step="60" placeholder="минуты" value="" id="cacheLive"> 
								<label class="checkbox" for="nocache"><input type="checkbox" id="nocache"> Отключить кеш блока</label>
							</div>
						</div>
						<div class="control-group">
							<span class="control-label">Количество новостей</span>
							<div class="controls">
								<input class="span1" type="number" placeholder="10" value="" id="limit">
							</div>
						</div>
						<div class="control-group">
							<span class="control-label">С какой начинать?</span>
							<div class="controls">
								<input class="span1" type="number" placeholder="0" value="" id="startFrom">
							</div>
						</div>

						<div...