html type attribute code example

Example 1: input types html

<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 2: input types html

button
checkbox
color
date
datetime-local
email
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week

Example 3: html value attribute

<!-- The value attribute is used to for example fill data to an input -->

<input type="text" value="I was already filled" id="textInput">

<!-- The value can be set or copied using JavaScrpit -->
<script>
	// Get your element
	var input = document.getElementById('textInput');
	
	// get the value
	var value = input.value;
	
	// set the value
	input.value = "i was changed";
</script>

Tags:

Misc Example