HTML5 is a software solution stack that defines the properties and behaviors of web page content by implementing a markup based pattern to it. HTML5 is the fifth and current major version of HTML, and subsumes XHTML.
HTML5 is usually combined with Javascript, and belows are the information useful.
-
Draggable DIV tag combined with Javascript (Knowledge Base) — For draggable DIV tag, what you need to keep in mind is "position: absolute" in style sheet.
-
Check whether a checkbox is checked in Javascript (Knowledge Base) — Checkbox object in HTML has a property checked as boolean - it has true or false, so javascript can check its status easily.
-
Input Text readOnly Property in Javascript (Knowledge Base) — Set a text field to read-only in javascript
-
Drag and drop image in div tag in Javascript/HTML5 (Knowledge Base) — Drag and drop is a very common feature. It is when you "grab" an object and drag it to a different location. In HTML5, drag and drop is part of the standard: Any element can be draggable. The element you should keep in mind is draggable="true" ondragstart="func(event)" for starting drag, and ondrop="drop(event)" ondragover="allowDrop(event)" for accepting dragging.
-
Enable Word-Wrap with Pre Tags (Knowledge Base) —
pretags are super-useful for code blocks in HTML and for debugging output while writing scripts, but how do I make the text word-wrap instead of printing out one long line? -
HTML / HTML5 (Knowledge Base) — HTML5 is a software solution stack that defines the properties and behaviors of web page content by implementing a markup based pattern to it. HTML5 is the fifth and current major version of HTML, and subsumes XHTML.
-
Set text and background color in HTML body (Knowledge Base) — You can simply set text and background color by style in HTML body
-
Change text color, font size and background color in textarea (Knowledge Base) — You can assign text color, font size, background color by style sheet in textarea
-
Browser Memory Checking (Knowledge Base) — In JavaScript, you can't directly access the amount of memory consumed by your code or variables using a standard API. JavaScript does not provide a built-in method to check the memory consumption of objects or variables. However, you can make use of browser-specific tools and techniques to monitor memory usage for debugging purposes.
-
Remove all associated child objects to avoid memory leaks (Knowledge Base) — To avoid memory leaks in JavaScript, you need to make sure that you remove all references to an object when you're done with it. This includes event listeners, timers, and any other objects that might hold references to the object you want to clean up.
-
Upload multi selected files with single array variable in PHP (Knowledge Base) — Array in HTML5 is useful when upload files with multi selection on file management dialog. Note that you should add tag (multiple="multiple") to the "file" type element. In the PHP, you will be able to manage uploaded files easily by index.
-
HTML5 File Upload Progress Bar (Knowledge Base) — By the combination of PHP + HTML + Ajax, you can render an file upload progress bar in your file upload forms. It will help for user to understand what is going on on server side, and the user may able to recognize if anything wrong is happen.
-
Combo box (drop-down list) in HTML (Knowledge Base) — To implement Combo box also known as drop-down list, you should use <select> tag
-
Redirect from an HTML page (Knowledge Base) — Page redirection is a situation where you clicked a URL to reach a page A but you were directed to another page B. It happens due to page redirection. To redirect from an HTML page, use the META Tag. With this, use the http-equiv attribute to provide an HTTP header for the value of the content attribute. The value in the content is the number of seconds; you want the page to redirect after.
-
CSS cursor Property in HTML5 (Knowledge Base) — CSS can generate a bunch of different mouse cursors: