Recent-Post

HTML FORMS


HTML FORMS

A key element of web development is an HTML form, which enables users to enter data and send it to a server for processing. This is a simple illustration of an HTML form:


<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title></title>

</head>

<body>

  <h1>HTML FORM</h1>

<form>

<fieldset style="width:650px;">

<legend>ZEE25</legend>

<label><b>Enter Your Name</b></label>

<br>

<input type="text" placeholder="enter your name" size ="30">

<br><br>

<label><b>Enter Your password</b></label>

<br>

<input type="password" placeholder="enter your password" size ="30">

<br><br>

<label><b>Gender</b></label>

<input type="radio" name="data" checked>male

<input type="radio" name="data" checked>female

<input type="radio" name="data" checked>other

<br><br>

<label><b>class:</b></label>

<input type="checkbox"> 10th

<input type="checkbox"> 12th

<br><br>

<label><b>state:</b></label>

<select>

<option selected displed>select your state</option>

<option>Delhi</option>

<option>Up</option>

<option>Madhya Pradesh</option>

<option>Uttarakhand</option>

<option> Panjab</option>

</select>

<br><br>

<label><b>DOB:</b></label>

<input type="date">

<label><b>after:</b></label>

<input type="date" min="2005-08-01">

<label><b>before:</b></label>

<input type="date" max="2025-08-01">

<label><b>time:</b></label>

<input type="time">

<br><br>

<input type="reset">

<input type="submit" value="ok done">

</fieldset>

</form>

</body>

</html>

This sample comprises a number of form elements, including radio buttons, checkboxes, a pick dropdown, text input, email input, and password input. Adapt the form's elements and their properties to your unique needs. The <form> tag's method attribute determines the HTTP method (such as "post" or "get"), and the action attribute indicates the URL to which the form data will be transmitted.

Post a Comment

0 Comments