how to create a form in html

Check out example codes for "how to create a form in html". It will help you in understanding the concepts better.

Code Example 1

<form action="/action.php">
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" value="Mike"><br><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" value="Walker"><br><br>
  <input type="submit" value="Submit">
</form>

Code Example 2

<form>

  
 First name:<br>
  <input type="text" name="firstname"><br>

  
 Last name:<br>
  <input type="text" name="lastname">

 </form>

Code Example 3

<form action="/action.php">
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" value="Mike"><br><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" value="Walker"><br><br>
  <input type="submit" value="Submit">
</form>

Html By Duco Defiant Dogfish on Feb 11 2020
<form action="/action_page.php">
  First name:<br>
  <input type="text" name="firstname" value="Mickey"><br>
  
  Last name:<br>
  <input type="text" name="lastname" value="Mouse"><br><br>
  
  <input type="submit" value="Submit">
</form>

Code Example 4

<form>

    <label for="fname">First name:</label><br>
  <input 
  type="text" id="fname" name="fname"><br>
  <label for="lname">Last 
  name:</label><br>
  <input type="text" id="lname" name="lname">
</form>

Code Example 5

!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>learning forms</title>
</head>
<body>
    <form>
        <div>
        <label>name</label>
        <input>
        </div>
    </form>
</body>
</html>

Code Example 6

<form action="/action_page.php">
  First name:<br>
  <input type="text" name="firstname" value="Mickey"><br>
  
  Last name:<br>
  <input type="text" name="lastname" value="Mouse"><br><br>
  
  <input type="submit" value="Submit">
</form>

Learn ReactJs, React Native from akashmittal.com