HTML: Difference between revisions
Created page with "A reference for HTML5 elements ==Inputs== See [https://getbootstrap.com/docs/4.4/components/forms/ Bootstrap forms] ===Range=== [https://developer.mozilla.org/en-US/docs/Web..." |
No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 9: | Line 9: | ||
<input type="range" class="" id="myRange" min="1" max="100" value="50" step="1"> | <input type="range" class="" id="myRange" min="1" max="100" value="50" step="1"> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
;Events | |||
* See [https://stackoverflow.com/questions/18544890/onchange-event-on-input-type-range-is-not-triggering-in-firefox-while-dragging SO Answer] | |||
* <code>input</code> triggered when the value of the slider is changed | |||
* <code>change</code> triggered on mouse up | |||
==Image== | |||
<syntaxhighlight lang="html"> | |||
<picture> | |||
<source srcset="bird.webp" type="image/webp"> | |||
<source srcset="bird.jpg" type="image/jpeg"> | |||
<img src="bird.jpg" alt="Great blue bird."> | |||
</picture> | |||
</syntaxhighlight> | |||
* <code>img</code> alone is sufficient to show an image. | |||
* Wrapping around a <code>picture</code> allows you to specify multiple image types. | |||
See also [https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images MDN: Responsive images] | |||
==Video== | ==Video== | ||