form tag html code example

Example 1: html text box

<!-- A <textarea> tag (better for multi-line text)-->
<textarea cols="4" rows="5">
Some text inside the text box.  
See https://www.w3schools.com/tags/tag_textarea.asp
</textarea>

<!-- An <input> type text tag (better for single-line text) -->
<input type="text" value="Some text inside the text box">
<!-- See https://www.w3schools.com/tags/att_input_type_text.asp -->

<!-- Using contenteditable (not recommended) -->
<p contenteditable="true">Some text inside the text box</p>
<!-- See https://www.w3schools.com/tags/att_global_contenteditable.asp -->

Example 2: html form

<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>

Example 3: html input types

<form>
  <input type="button">
  <input type="checkbox">
  <input type="color">
  <input type="date">
  <input type="datetime-local">
  <input type="email">
  <input type="file">
  <input type="hidden">
  <input type="image">
  <input type="month">
  <input type="number">
  <input type="password">
  <input type="radio">
  <input type="range">
  <input type="reset">
  <input type="search">
  <input type="submit">
  <input type="tel">
  <input type="text">
  <input type="time">
  <input type="url">
  <input type="week">
</form>

Example 4: html forms

<form action="/page/"></form>
<input type="text">
<input type="password">
<input type="email">
<input type="date">
<input type="url">
<input type="image">
<input type="search">
<input type="checkbox" name="">
<input type="button">
<input type="number">
<input type="color">
 
<input type="radio" name="radio" id="radio1" value="radio1selected">
<input type="radio" name="radio" id="radio2" value="radio1selected">
<input type="radio" name="radio" id="radio3" value="radio1selected">
 
 
<select name="Meal" id="Meal">
<option value="Steak">Steak</option>
<option value="Fish">Fish</option>
</select>
 
 
<input type="text" placeholder="hint text">
 
<label for="username">Enter a username</label>
<input type="text" placeholder="Enter username" id="username">

Example 5: intput field submit button

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

Example 6: forms in html

<html>
<form action= "your site" method = "post/get">
  </form>
</html>

Tags:

Javascript Example

Recent Posts