JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
</head>

<body>

<?php

$host = "xxxxx";
$database = "xxxxx";
$user = "xxxx";
$password = "xxxxx";

// Connect to server and select database.
mysql_connect("$host", "$user", "$password")or die("cannot connect"); 

// Get values from form 
$tablename=$_POST['tablename'];
$value=$_POST['value'];
$length=$_POST['length'];
$collation=$_POST['collation'];
$attributes=$_POST['attributes'];
$null=$_POST['null'];
$extra=$_POST['extra'];


// Insert data into mysql 
$sql="CREATE TABLE  `a7972613_db`.`$tablename` (
`field1` $type( $length ) $null $extra
) ENGINE = MYISAM";
$result=mysql_query($sql);

// if successfully insert data into database, displays message "Successful". 
if($result){
echo "Successful";
}

else {
echo "Please Enter A Valid Query";
}
?> 

<?php 
// close connection 
mysql_close();
?>

<form method="post" action="sql.htm">
<table border='0' cellscacing='0' cellpadding='0'>
<tr>
<th>Table Name</th>
<th>Value</th>
<th>Length</th>
<th>Collation</th>
<th>Attributes</th>
<th>Null</th>
<th>Extra</th>
<th>Sumit</th>
</tr>
<tr>
<th><input type='text' id='tablename' value='TableName'/></th>
<th>
<select id="type">
                <option value="VARCHAR">VARCHAR</option>
                <option value="TINYINT">TINYINT</option>
                <option value="TEXT">TEXT</option>
                <option value="DATE">DATE</option>
                <option value="SMALLINT">SMALLINT</option>
                <option value="MEDIUMINT">MEDIUMINT</option>
                <option value="INT">INT</option>
                <option value="BIGINT">BIGINT</option>
                <option value="FLOAT">FLOAT</option>
                <option value="DOUBLE">DOUBLE</option>
                <option...