I have the following:
AUTHOR<input type="text" name="author" id="authortxt"><br>
FILENAME<input type="text" name="filename" id="filenametxt"><br>
EMAIL<input type="text" name="email" id="email">
<img id="saveicon" src="interface/SaveIcon0.png" onmouseover="this.src='./interface/SaveIcon1.png'" onmouseout="this.src='./interface/SaveIcon0.png'" />
<img id="cancelicon" src="interface/CancelIcon0.png" onmouseover="this.src='./interface/CancelIcon1.png'" onmouseout="this.src='./interface/CancelIcon0.png'" />
<a id="download" download="TestJSON-r.json">Download</a>
I need the filename of the download to be set by the 'FILENAME' field. What is the simplest way of doing this?