HTML5 autofocus Attribute
INPUT placeholders, client side file naming, and audio/video, can now be completed using basic HTML. Another simple functionality HTML now allows us is auto-focusing on elements upon page load; this is accomplished using the
The code is as simple as it gets:
<!-- These all work! -->
<input autofocus />
When the autofocus attribute is present, the
BUTTON element is automatically selected upon page load. I experimented with display elements (
H1 tag) and a
tabIndex of 0, but autofocus did not work for them.
Chris Coyer's incredible CodePen is much more than your typical code'n'share site. CodePen features the end result more than the code, provides loads of collaboration tools, and seems to be pushing new features every week. But what...
We all know that we can set a different link color (among other properties) on the hover event, but why not show a little bit more dynamism by making the original color fade to the next? Using MooTools 1.2,...
CSS is becoming more and more powerful but in the sense that it allows us to do the little things easily. There have been larger features added like transitions, animations, and transforms, but one feature that goes under the radar...