Use a Submit Button Outside of a Form!
Have you ever felt like you've been a professional developer or designer forever, and somehow not known something basic, and borderline hate yourself? That's me with a trick that was introduced to me by Miguel Piedrafita:
To submit a form when the button isn't a child of the parent form, you can use the form
attribute:
<form id="myForm">
<label for="email">Email:</label>
<input type="email" name="email" placeholder="Email" />
</form>
<!-- Submit button not in parent form! -->
<button type="submit" form="myForm">Submit!</button>
I'm ashamed I didn't know about this form
attribute. In that past I've executed CSS magic tricks to accomplish buttons displaying outside of their form area. Did you know about this attribute?!
![Introducing MooTools Templated]()
One major problem with creating UI components with the MooTools JavaScript framework is that there isn't a great way of allowing customization of template and ease of node creation. As of today, there are two ways of creating:
new Element Madness
The first way to create UI-driven...
![9 Mind-Blowing WebGL Demos]()
As much as developers now loathe Flash, we're still playing a bit of catch up to natively duplicate the animation capabilities that Adobe's old technology provided us. Of course we have canvas, an awesome technology, one which I highlighted 9 mind-blowing demos. Another technology available...
![MooTools CountDown Plugin]()
There are numerous websites around the internet, RapidShare for example, that make you wait an allotted amount of time before presenting you with your reward. Using MooTools, I've created a CountDown plugin that allows you to easily implement a similar system.
The MooTools JavaScript
The CountDown class...
![Background Animations Using MooTools]()
One of the sweet effects made easy by JavaScript frameworks like MooTools and jQuery is animation. I ran across this great jQuery tutorial that walks you through animating a background image of a page. Here's a quick MooTools code snippet that...
I had never heard about it. In 20 years as a web developer.
That’s why it’s so exciting, even the most “basic” language as html ;)
So… thanks I guess.
Never heard that attribute,Thanks
You can do the same thing with inputs. Just add the form attribute!
I do this to place inputs across several cards. :)
Holimoli, hours of working out in JS why FF does not allow submit events anymore. Then a pur HTML solution! 22 Years webdev, you never stop learning the basics. Many Thanks!