JQuery Inline Form

A click to edit JQuery plugin

Description


This plugin will allow you to click on an html element and have it display a text input that defaults to the value of the element that was used as a selector. The form includes a submit and cancel button from Twitter Bootstrap. The cancel button will hide the form and the submit button will submit the form to the current page (or a specified URL in a JQuery options object).

Requires JQuery 1.9.x and Twitter Bootstrap 3.0.x

Demo


Click the links below to toggle an inline form

This is a test button This is a second form

Options

OptionDescriptionDefault
nameThe name of the input in the form"name"
idThe id of the input in the formnull
actionThe form actionnull (will submit to itself)
methodThe form method"post"