JSFiddle - React, Tailwind, and code Playground

by Murali Murugesan

HTML

<form onsubmit="return next(1)" action="add.php" method="post" id="form1">
    <center>Add New Survey</center>
     <p>&nbsp;</p>
    <p align="left"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Title:    </p>
    <textarea name="title" cols="2" class="inputs" id="title"></textarea>
    <p align="left"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Discription: (Optional)    </p>
    <textarea name="dis" cols="2" class="inputs" id="dis"></textarea>
     <p align="left"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Number of questions:    </p>


          <input type="Submit" value="Next" class="button" name="b1"/>
      </p>
  </form>

  <input type="Submit" value="Show" class="button"  onclick="return showForm()" name="show"/>

JavaScript

function next(a)
    {
    if(a==1){
        document.getElementById("form1").style.display="none";
        return false;
    }

    }

function showForm()
{
    document.getElementById("form1").style.display="block";
    return false;
}