JSFiddle - React, Tailwind, and code Playground

by leongaban

HTML

<div ng-app="myApp">

		<form name="saveTemplateData" action="#" ng-controller="FormCtrl">

			First name:    <br/><input type="text" name="form.firstname">    <br/><br/>
			Email Address: <br/><input type="text" ng-model="form.emailaddress"> <br/><br/>

			<textarea rows="3" cols="25">Describe your reason for submitting this form ... </textarea> 

				<br/><br/>

			<input type="radio" ng-model="form.gender" value="female" />Female ...
			<input type="radio" ng-model="form.gender" value="male" />Male <br/>

				<br/><br/>

			<input type="checkbox" ng-model="form.member" value="true"/> Already a member
			<input type="checkbox" ng-model="form.member" value="false"/> Not a member

				<br/><br/>

			<input type="file" ng-model="form.file_profile" id="file_profile"><br/>
			<input type="file" ng-model="form.file_avatar" id="file_avatar">

				<br/><br/>

			<input type="submit" ngClick="Submit">

		</form>

	</div>

JavaScript

var app = angular.module('myApp', []);
app.controller('FormCtrl', function ($scope, $http) {
    
    $scope.data = {
        firstname: "default",
        emailaddress: "default",
        gender: "default",
        member: false,
        file_profile: "default",
        file_avatar: "default"
    };
    $scope.submitForm = function() {
        console.log("posting data....");
        $http.post('http://posttestserver.com/post.php?dir=jsfiddle', JSON.stringify(data)).success(function(){/*success callback*/});
    };
});