html attribute data-value code example

Example 1: 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>

Example 2: data attribute html

<!-- data-* attritubes can be used on any html element -->
<div data-my-custom-data="true"></div>

Tags:

Css Example

Related