|
↑
Forms >>>
Offer a form with as many input boxes that the user selects. After entering the number of boxes, the form is dynamically updated while the rest of the form remains untouched.
Add the below code to the <body> section of your page:
<script
language="javascript"
type="text/javascript">
function
createForm(number)
{
data
=
"";
inter
=
"'";
if
(number
<
16
&&
number >
-1)
{
for
(i=1;
i <=
number;
i++)
{
if
(i
<
10)
spaces="
";
else
spaces="
";
data
=
data
+
"URL "
+
i +
" :"
+
spaces
+
"<input type='text' size=10
name="
+
inter
+
"url"
+
i +
inter +
"'><br>";
}
document.getElementById('cust').innerHTML
=
data;
}
else
{
window.alert("Please
select up to 15 entries.");
}
}
</script>
<form
name=counter>
Number of URLs to enter:
<input
type=text
name=number
size=5>
<input
type=button
value="Update"
onClick="createForm(document.counter.number.value);">
</form>
<br>
<form
name="webform">
<table
border=0>
<tr
valign=top>
<td>Name:</td>
<td><input
type=text
size=20
name=name></td>
</tr>
<tr><td
colspan=2>
<span
id=cust
style="position:relative;"></span>
</td>
</tr>
<tr
valign=top>
<td>Comments:</td>
<td><textarea
name=comments
cols=45
rows=5
wrap=virtual>
</textarea></td>
</tr>
<tr>
<td></td>
<td><input
type=submit
value="Send"></td>
</tr>
</table>
</form>
|
↓
|