HTML Form Example

This is an example of an ~~HTML4~~/HTML5 form containing يحتوى various input controls.

USer Information Username:

Email:

Password:

Content Information Message:

Su"> HTML Form Example

HTML Form Example

This is an example of an ~~HTML4~~/HTML5 form containing يحتوى various input controls.

USer Information Username:

Email:

Password:

Content Information Message:

Su"> HTML Form Example

HTML Form Example

This is an example of an ~~HTML4~~/HTML5 form containing يحتوى various input controls.

USer Information Username:

Email:

Password:

Content Information Message:

Su">

<!DOCTYPE html>
<html>
  <head>
    <meta charset = "UTF-8">
    <title>
      HTML Form Example
    </title>
  </head>
  <body>   
    <h1>HTML Form Example</h1>
<p>
  This is an example of an 
  <s>HTML4</s>/<u>HTML5</u> 
  form containing يحتوى various input controls.
</p>

    <form action = "/submit" method = "post" >
      <fieldset>
        <legend>USer Information </legend>
        <label for = "username">Username:</label>
        <input type = "text" Id = "username" name = "username"><br><br>
        <label for="email">Email:</label>
        <input type="email" id="email" name="email"><br><br>
        <label for="password">Password:</label>
        <input type="password" id="password" name="password"><br><br>
        </fieldset>

      <fieldset>
        <legend>Content Information</legend>
        <label for="message">Message:</label><br>
        <textarea id="message" name="message" rows="4" cols="50"></textarea><br><br>
      </fieldset>

      <fieldset>
        <legend>Subscription</legend>
        <input type="checkbox" id="newsletter" name="subscription" value="newsletter">
        <label for="newsletter">Subscribe to newsletter</label><br>
        <input type="checkbox" id="armletter" name="subscription" value="armletter">
        <label for="armletter">Subscribe to armletter</label><br><br>
      </fieldset>

      <fieldset>
      <legend>Preferred Language</legend>
      <label for="language">Select your preferred language:</label>
      <select id="language" name="language">
        <option value="english">English</option>
        <option value="spanish">Spanish</option>
        <option value="french">French</option>
        <option value="german">German</option>
      </select><br><br>
      </fieldset>

       <fieldset>
        <legend>Feedback</legend>
        <label for="rating">Rate our service:</label>
        <input type="range" id="rating" name="rating" min="1" max="10"><br><br>
      </fieldset>

      <input type = "submit" value = "Submit">
      <input type ="reset" value ="Reset">
      </form>
  </body>
</html>