Navigation Menu

What's New?
Alphabetical Listing
Site Contents


Site FAQ
About JSS
JavaScript Forum
JavaScript Tutorial
Friends of JSS

Link to Us
JavaScript Help
Contribute a script
Technology Jobs

Become a Partner

Internet.commerce

Be a Commerce Partner














Internet.com

IT
Developer
Internet News
Small Business
Personal Technology
International

Search internet.com
Advertise
Corporate Info
Newsletters
Tech Jobs
E-mail Offers

Developer Channel

FlashKit.com
JavaScript.com
JavaScriptSource
Developer Jobs
ScriptSearch
StreamingMediaWorld
Web Developer's Journal
Web Developer's Virtual Library
WebDeveloper.com
Webreference
Web Hosts
XMLfiles.com

Great Sites

DocJavaScript.com
dhtml.com
The Freebie Directory
TheFreeSite.com

Browse Doc JS's Tips!


Hiermenus Central


Promotions

Free Announcements


Social Bookmark

General

Use this script to add HTML controls to your forms. This example uses the <input> tag.


Click below to dynamically create/remove input boxes in this field

Add more input field(s)
Remove field(s)

Notes

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: addHTMLControls.js


Head

Paste this code into the HEAD section of your HTML document.


Body

Paste this code into the BODY section of your HTML document


User Comments

Add a comment, suggestion, or correction
[For questions about usage, consult the Notes tab above or visit the JavaScript forum. Do not include more than two (2) lines of code in your comments. If you have suggestions or corrections, you can submit them to us.]

    
   
       
[optional]
 
[optional]

   

Comments feed Comment Feed RSS 2.0

38. From: John Sutor
How to add a label and text box
08/04/2008 14:44:20

I am not sure from your code, but how would you add a label and then to the right of it a text box?

39. From: Lee (Admin)
11/06/2008 10:57:46

That would really be a different type of script.

36. From: Divya
06/26/2008 02:45:31

Here,if i click on the add more input fields,i am getting a single field.Is there any option of getting a whole form if i click a submit button.please help me in this issue.

37. From: Lee (Admin)
10/31/2008 14:56:55

That is all this script was created to do. You would need to either enhance this one or create a new one.

31. From: Dylan
get values from the script
06/18/2008 17:35:40

So i have a php page that i want to get the values of this script. Why does this random guy keep redirecting us to this crappy forum? jeez just tell us how to use the script it's useless if we can't get the values from form. This SHOULD be in the scope of this script because otherwise it's useless. Hell, this should be in the notes about the script.

32. From: Lee (Admin)
06/26/2008 11:53:38

Well, as it says at the top of the comment tab, "For questions about usage, consult the Notes tab above or visit the JavaScript forum". This is not a forum; it's set-up just for basic comments.

34. From: Mary
how would you pass the data to another page?
05/16/2008 16:20:32

If you want to use this in a form--say for enrollments. You want them to fill in name and address and be able to add as many as they want to it...How would you get this data to another page>>>> Thank you in advance.....Great looking code...I hope I can get it to work for me...

35. From: Lee (Admin)
10/31/2008 14:25:32

Your question is beyond the scope of these comments. You will need to post it over on the JavaScript forum. Thanks!

33. From: Chirag
Thanks for display this code
02/18/2008 04:10:58

Nice future u have bulid thanks for helping people Always go like this..

28. From: Mary
getting value from the adding fields
12/31/2007 09:12:28

I think this script is great. I am wondering if someone can tell me how you can transfer a value from the adding fields? Since you don't know how many added fields a viewer will choose, how do you transfer the data from a form to an email?

Thanks in advance...

next comments...

Do you write JavaScripts?
If you do, why not submit them to us?
We'll give you credit and a link back to your Web site.