JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://code.htmlhifive.com/h5.css">
<script src="https://code.htmlhifive.com/ejs-h5mod.js"></script>
<script src="https://hifive.github.io/hifive-res/fw/current/h5.dev.js"></script>
<script src="https://hifive.github.io/hifive-ui-library/hifive-ui-library/WebContent/components/appContainer/src/ApplicationController.js"></script>
<link rel="stylesheet" href="https://hifive.github.io/hifive-ui-library/hifive-ui-library/WebContent/components/appContainer/src/ApplicationController.css">
<form action="jsp/welcome-json.jsp">
  <label>名前</label><input type="text" id="name" value="たろう" />
  <p data-h5-bind="message">名前を入力して送信ボタンをクリックしてください</p>
  <input type="submit" />
</form>

JavaScript

$(function() {
  h5.core.controller('body', h5.ui.container.ApplicationController);
  
  // ダミー実行
  $.ajax = function(data) {
    var name = $("#name").val();
  	var deffered = h5.async.deferred();
    var p = deffered.promise();
    p.dataTypes = ["text", "json"];
    setTimeout(function() {
    	deffered.resolve({
      	message: name+"さん、こんにちは"
      });
    }, 1000);
    return p;
  }
});