Wednesday, August 19, 2020

How to work with Form in HTML

 Example 1:- form.html


<!DOCTYPE html>

<html lang="en" dir="ltr">

  <head>

    <meta charset="utf-8">

    <title></title>

  </head>

  <body>

    <form >

      <h1>Log In</h1>

      <h2>Please Input your Email and Password</h2>

      <input type="emai" name="useremail" value="Email Here">

      <input type="password" name="password" value="">

      <input type="submit" name="" value="Click Me">

    </form>


  </body>

</html>

=========================================================================
Example :- form2.html 

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <form >
      <h1>Choose Color</h1>
      <h1>Click on Button</h1>
      <input type="color" name="" value="">
    </form>
  </body>
</html>
=========================================================================

Example :- form3.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <form action="https://www.facebook.com" method="get">
      <p>Enter text and take me FB</p>
    <input type="text" name="userinput" value="">
    <input type="submit" name="submit" value="Submit">


    </form>
  </body>
</html>
=========================================================================
Example:- form4.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <form>
    <label>
      Enter Text:
   <input type="text" name="" value="block one">
    </label>
    <label >
    Enter Text:
    <input type="text" name="" value="block two">

    </label>

    </form>
  </body>
</html>
=========================================================================
Example:-5 

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
   <form >

    <!-- <label for="userinput">Enter Input:</label>-->
     <!--<input id="userinput" name="text" placeholder="Enter Email Here">-->
     <input type="text" name="" placeholder="not required">
     <input type="text" name="" placeholder="Required" required>
     <input type="submit" name="" value="sumbit">

   </form>

  </body>
</html>

No comments:

Post a Comment

Q) How To Find Duplicate Characters In A String In Java?

Step1:- Creating a HashMap containing char as key and it's occurrences as value. Step2:- Converting given string to char array. Step3:- ...