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:
🔥 You can submit forms from a button outside of the form tag by using the form attribute pic.twitter.com/72pjoWu5Ll— Miguel Piedrafita 🚀 (@m1guelpf) November 22, 2020
To submit a form when the button isn’t a child of the parent form, you can use the
<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?!
While I’m not a huge sIFR advocate I can understand its allure. A customer recently asked us to implement sIFR on their website but I ran into a problem: the sIFR headings wouldn’t print because they were Flash objects. Here’s how to fix…
One technique I’m seeing more and more these days (CNNSI.com, for example) is AJAX recording of selected text. It makes sense — if you detect users selecting the terms over and over again, you can probably assume your visitors are searching that term on Google…