JSFiddle - React, Tailwind, and code Playground

by dandiebolt

HTML

<script src="http://max.jotfor.ms/min/g=jotform&amp;3.0.980&amp;dummy=.js"></script>
<script src="http://github.com/malsup/form/raw/master/jquery.form.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
<link rel="stylesheet" href="http://max.jotfor.ms/min/g=formCss&amp;3.0.980&amp;dummy=.css">
<form class="jotform-form" action="http://www.jotform.com/submit.php" method="post" name="form_12491457946" id="12491457946" accept-charset="utf-8"> 
  <input type="hidden" name="formID" value="12491457946" /> 
  <div class="form-all"> 
    <ul class="form-section"> 
      <li class="form-line" id="id_1"> 
        <label class="form-label-left" id="label_1" for="input_1"> 
          Who is your favorite Jonny Quest Character?<span class="form-required">*</span> 
        </label> 
        <div id="cid_1" class="form-input"> 
          <select class="form-dropdown validate[required]" style="width:300px" id="input_1" name="q1_whoI"> 
            <option>  </option> 
            <option value="Roger T. &quot;Race&quot; Bannon"> Roger T. "Race" Bannon </option> 
            <option value="Jonny Quest"> Jonny Quest </option> 
            <option value="Dr. Benton C. Quest"> Dr. Benton C. Quest </option> 
            <option value="Hadji"> Hadji </option> 
            <option value="Bandit"> Bandit </option> 
          </select> 
        </div> 
      </li> 
      <li class="form-line" id="id_3"> 
        <label class="form-label-left" id="label_3" for="input_3"> What was your favorite Jonny Quest Episode? </label> 
        <div id="cid_3" class="form-input"> 
          <select class="form-dropdown" style="width:300px" id="input_3" name="q3_clickTo"> 
            <option>  </option> 
            <option value="A Small Matter Of Pygmies"> A Small Matter Of Pygmies </option> 
            <option value="Arctic Splashdown"> Arctic Splashdown </option> 
            <option value="Attack Of The Tree People"> Attack Of The Tree People...

CSS

.form-label{
        width:150px !important;
    }
    .form-label-left{
        width:150px !important;
    }
    .form-line{
        padding:10px;
    }
    .form-label-right{
        width:150px !important;
    }
    body, html{
        margin:0;
        padding:0;
        background:false;
    }
 
    .form-all{
        margin:0px auto;
        padding-top:20px;
        width:650px;
        color:Black !important;
        font-family:Verdana;
        font-size:12px;
    }

JavaScript

$(function(){
    alert("foo");
    //$('#12491457946').ajaxForm(function() { 
    //    alert("Thank you for your comment!"); 
    //}); 
});

alert("bar");
JotForm.init();
alert("bar2");