JSFiddle - React, Tailwind, and code Playground

by Ryan Morris

HTML

<!DOCTYPE html>
<html lang="en">

	<head>

		<!-- Latest compiled and minified CSS -->
		<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

		<!-- Optional theme -->
		<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

	</head>

	<body>

		<div class="container">

			<h1>Hello, form</h1>

			<form method="post" role="form">

				<fieldset>

					<legend>Basic Details</legend>

					<div class="form-group">
						<label>Title</label>
						<input type="text" name="name" placeholder="Title of incident" class="form-control" required />
					</div>

					<div class="form-group">
						<label>Description</label>
						<textarea class="form-control" name="description" required></textarea>
					</div>
                    
                    <div class="form-group">
						<label>Detailed Description</label>
						<textarea class="form-control" name="detailed_description"></textarea>
					</div>

				</fieldset>

				<fieldset>

					<legend>Advanced Details</legend>

					<div class="checkbox">

						<label class="checkbox">
                            <input type="checkbox" /> Nerc
					    </label>

					</div>

					<div class="form-group">

                        <label>Priority</label>
					    <select class="form-control" name="urgency">

					    	<option value="none">None</option>

					    </select>

					</div>

				</fieldset>
                    
                <fieldset id="nerc-fields">
                   
                    <legend>Nerc options</legend>
                    
                    <div class="checkbox">

						<label class="checkbox">
                            <input name="nerc-type" type="checkbox" /> ESP
					    </label>
                        
                        <label class="checkbox">
                            <input name="nerc-type" type="checkbox" /> PSP
					    </label>
                        
                        <label...