Sunday, November 28, 2021

How we insert form in HTML

<!DOCTYPE html>
<html>
<head>
<title>Form in HTML</title>
</head>
<body>
<form>
<label>username:</label>
<input type="text" placeholder="Enter your username">
<hr>
<label>password:</label>
<input type="password" placeholder="Enter your password">
<hr>
<label>Email id:</label>
<input type="text" placeholder="Enter your Email">
<hr>
<label>Number:</label>
<input type="number" placeholder="Enter your number">
<hr>
<label>Date:</label>
<input type="Date" placeholder="Enter Date">
    <select>
    <option>slecet your plane</option>
    <option value="cs">cs</option>
    <option value="se">se</option>
    </select>
    <hr>
    <textarea cols="30" rows="5"></textarea>
    <hr>
    <p>select your gender</p>
    <input type="radio" name="gender">male
    <input type="radio" name="gender">female
    <hr>
    <input type="checkbox">i read it carefully
    <hr>
    <input type="submit" name="submit" value="submit">
</form>
</body>
</html>

output:


No comments:

Post a Comment