Form Submission from Anywhere
How do I make an form submission from anywhere?
Did you know you can submit a form from anywhere without needing JavaScript? Take advantage of the form attribute on buttons and form fields.. What is a form submission from anywhere? How do you make a form submission from anywhere? This script and codes were developed by Gray Gilmore on 08 November 2022, Tuesday.
Form Submission from Anywhere - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Form Submission from Anywhere</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class='fixed'> <button form='my-form'>Save</button>
</div>
<form class='content' id='my-form'> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p> <label>Email</label> <input name='email' type='text'> <label>First Name</label> <input name='email' type='text'> <label>Last Name</label> <input name='email' type='text'> <label>Something else</label> <input name='email' type='text'> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p> <div> <label>Agree?</label> <input type='checkbox'> </div> <button>Save</button>
</form> <script src='https://code.jquery.com/jquery-2.2.4.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Form Submission from Anywhere - Script Codes CSS Codes
.fixed { position: fixed; top: 0; width: 100%; border-bottom: 1px solid grey; padding: 3rem; background: white;
}
.content { max-width: 600px; margin: 200px auto 0;
}
Form Submission from Anywhere - Script Codes JS Codes
(function() { $("form").on("submit", function(e) { e.preventDefault(); return alert("submitted!"); });
}).call(this);
Developer | Gray Gilmore |
Username | graygilmore |
Uploaded | November 08, 2022 |
Rating | 3 |
Size | 3,563 Kb |
Views | 16,192 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Vertical Alignment with Inline Block | 2,121 Kb |
Search functionality | 2,081 Kb |
Webkit Backface Visibility Border Bug | 2,182 Kb |
Fade in Background Image | 2,459 Kb |
Responsive Font Sizing with Min and Max | 3,537 Kb |
Event Watching | 2,847 Kb |
Fizz-Buzz Test, Sass Style | 2,551 Kb |
Feedback-color Demo | 3,964 Kb |
Forms | 7,573 Kb |
Full Page Backgrounds, iOS Fail | 2,494 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
A Pen by Mike Otis | Mikeotis | 3,185 Kb |
Force Counter | Kenlauguico | 2,732 Kb |
Custom checkbox example | Capelo | 3,495 Kb |
A Pen by Huan Nghiem | Nightshade | 10,646 Kb |
SVG email test v2.0 | M_J_Robbins | 2,090 Kb |
Blog demo to use given styling | Andygirl | 2,412 Kb |
DNA Double Helix | Hugo | 5,112 Kb |
Impress JS Algorhytmic Generator | Jeffscottward | 7,906 Kb |
Border-radius animation | Yukulele | 2,480 Kb |
Css3 only dropdown menu | Riogrande | 2,519 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!