use button to add form field

sweetyp2005 · sweetyp2005

How do I use button to add form field in the same window? I want when user click button then It show up more text area for them in the same window.

Dan Bracuk · Dan Bracuk

Make the button a input type="button"
Write a onclick event handler in javascript

Or, put the textarea there to start with.

BKBK · BKBK

Perhaps a kickstart?

<html>
<head>
<title>show hidden textarea</title>
<script type="text/javascript">
function showTextArea() {
document.getElementById('txtAreaDiv').innerHTML = "<textarea rows='6'
cols='20' name='textAreaName' id='txtAreaID'></textarea>";
}
// -->
</script>
</head>
<body>
<form action="#">
Text field 1: <input type="Text" name="txt1" size="30"><br>
Text field 2: <input type="Text" name="txt2" size="30"><br><br>
<input type="Button" name="txtArea_switch" value="Show text area"
onclick="javascript:showTextArea()"><br><br>
<div id="txtAreaDiv"></div>
</form>
</body>
</html>

use button to add form field

Thread Tools

Display

use button to add form field

Similar Questions and Discussions

required field vs disabled submit button.in a form

Defined text field in form -> subject field in e-mail

Button form field. Acrobat St /Prof?

copy and paste form RTF document into field in asp form cause it to bypass field length and javascript validation - how to overcome?

JavaScript Access to Button in form tags (webcontrol or html button)

Re: use button to add form field

Re: use button to add form field

Posting Permissions