JSFiddle - React, Tailwind, and code Playground

by Ramya Ranganathan

HTML

<form id="form1"> 
	  <fieldset> 
	  <legend><b></b></legend> 
	  <dl> 
	    <dt><label id="lname" for="n1">First name</label> and <label id="lsurname" for="n2">Last name</label></dt> 
	      <dd><input type="text" name="name" id="n1"> 
	      <input type="text" name="surname" id="n2"></dd> 
	    <dt><label id="laddress" for="address">Address</label></dt> 
	    <dd><input type="text" name="address" size="40" ></dd> 
	    <dt><label id="lcity">City</label> <label id="lstate">State (two-letter abbreviation)</label>,  <label id="lzip">Zip</label></dt> 
	      <dd><input type="text" name="city">, 
	      <input type="text" name="state" size="4" maxlength="2"> 
	      <input type="text" name="zip" size="12" maxlength="10"></dd> 
	    <dt><label id="lphone">Phone (area code and number)</label>  <label id="lemail">Email</label></dt> 
	      <dd><input type="text" name="phone" size="18"> 
	      <input type="text" name="email" size="35"></dd> 
	  </dl> 
    	<button id="btn1" type="button">submit</button>
	  
	  </fieldset> 
	</form>

JavaScript

function myFunction() {
    document.getElementById("frm1").submit();
}