Here we experiment with HTML Forms in wiki. We look to hook the HTML plugin into the Transporter mechanism, such that the About HTML Plugin takes not of and Form Action requests, and looks for Page JSON in the response. If it finds this it renders a ghost page, otherwise it opens an external page if it finds a simple URI, or HTML in the returned JSON.
Simple Button
For a discreet look, you can use an HTML button.
Complex Example
Select your engine name to customise the search.
CSE Engine with password
Select your engine name to customise the search.
# Simple Example
Below is an example a a simple HTML Form:
Pressing submit shows replaces this web page with the returned JSON
The `formtarget="_blank"` option does not work with forms in wiki.
Try this out at w3schools
The select Element
The select element defines a drop-down list:
Issue: However I cannot get the select element to post appropriately to the server.
Issue: The select element will post values to the server even when using the HTML5 id property either:
Visible Option Values
Use the size attribute to specify the number of visible values.
The datalist Element
The datalist element specifies a list of pre-defined options for an input element. This version works for some reason with posting to the server.
Note: Note: The datalist tag is not supported in Safari or IE9 (and earlier).
# Passwords
What is interesting about this is that in combination with a browser extension like LastPass the username and password is securely stored in the browser cache.
This enables us to include information like authentication keys for user accounts and services in a relatively secure manor and interact with transporters. Naturally this should only be over HTTPS.
Note: there is an issue because the wiki form uses AJAX to send it's data. A form will not automatically fill with your stored local username and password as a result - lastpass.com![]()
Despite this inconvenience, we are able to securely store usernames and passwords in wiki using LastPass using its __Form Fill__ function - lastpass.com ![]()
For more information on LastPass Forms see:
- Form Fill Profile - lastpass.com
- Create a Form Fill Profile - lastpass.com
- Open All Sites - lastpass.com
- Save All Entered Data - lastpass.com
- Workaround - lastpass.com
- Web site requirements - lastpass.com ![]()
# Alternative technique
An alternative but slightly less satisfactory technique to specifically add the form to LastPass using the Save All Entered Data feature
Due to the dynamic nature of the LineUp in wiki, this works best on the Welcome Visitors page, or at least a page you reliably open given a consistent LineUp.
wiki-plugin-html