<!doctype html>
<title>input tag (HTML)</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<a href="https://www.w3schools.com/html/html_form_input_types.asp">https://www.w3schools.com/html/html_form_input_types.asp</a> <br> <br>
<a href="/code/coding/jedit2.html">/code/coding/jedit2.html</a> <br> <br>
<script>var text_mode=false</script>
<button onclick="text_mode=!text_mode;apply_mode()">toggle</button>
<div class="html">
<form>
submit <input type="submit"> <br>
image <input type="image"> <br>
reset <input type="reset"> <br>
hidden <input type="hidden"> <br>
button <input type="button" value="abc"> <br>
checkbox <input type="checkbox"> <br>
radio <input type="radio"> <br>
color <input type="color"> <br>
time <input type="time"> <br>
week <input type="week"> <br>
month <input type="month"> <br>
date <input type="date"> <br>
datetime-local <input type="datetime-local"> <br>
file <input type="file"> <br>
number <input type="number"> <br>
range <input type="range"> <br>
text <input type="text"> <br>
password <input type="password"> <br>
url <input type="url"> <br>
email <input type="email"> <br>
tel <input type="tel"> <br>
search <input type="search"> <br>
</form>
</div>
<script>
if(text_mode)apply_mode()
function apply_mode(){
for(var section of document.querySelectorAll(".html"))
if(text_mode)
section.innerText=section.innerHTML
else
section.innerHTML=section.innerText
}
</script>