How to create text field

Question

0.00/5 (No votes)

See more:

Javascript

How to create textfield,at the same time i want to decorate textfield.plz send some sample code for this scenario.

Posted 22-Dec-11 21:57pm

DeepthiTanguturi

Add a Solution

Comments

koolprasad2003 23-Dec-11 4:00am

Not clear. please elaborate

DeepthiTanguturi 23-Dec-11 4:01am

After create txtfield,i want to apply stylesheets for that textfield.

DeepthiTanguturi 23-Dec-11 4:11am

How to do that one.

Balakrishnan Dhinakaran 23-Dec-11 4:18am

hi... do you want to create a text field on runtime?

DeepthiTanguturi 23-Dec-11 4:19am

yes,at the same time,i want to decorate that textfield.

Amir Mahfoozi 23-Dec-11 5:33am

What do you mean by Text field ? an editbox or a simple label is enough ?

RaviRanjanKr 23-Dec-11 15:13pm

It should be better to avoid short texts words like Plz instead of using Please while questioning and Answering. :)

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sunasara Imdadhusen · Answer 1 · 2011-12-22T22:29:00

Solution 2

Dynamic creation of textbox

JavaScript

document.write('<input type="text" class="decorate" value="dynamic textbox" />');

Applied style or decorate textbox with border and font color.

CSS

<style type="text/css">
.decorate
{
   border:solid 1px red;
   color:green;
}
</style>

Thanks,
Imdadhusen

Posted 22-Dec-11 22:29pm

Sunasara Imdadhusen

Comments

DeepthiTanguturi 23-Dec-11 8:07am

its creating correctly,but it creates after that submit button,i want to display before the submit butoon.what can i do for that one?

RaviRanjanKr 23-Dec-11 15:12pm

5+

Shobana16 · Answer 2 · 2011-12-22T22:27:00

Solution 1

Try this,

HTML

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Test Page</title>
    <style type="text/css">
        .clstext
        {
        color:red;
        border:solid 2px red;
        }
    </style>
    <script type="text/javascript">
      
        function addText()
        {
        var div1=document.getElementById("div2");
        div1.innerHTML="<input type='text' id='txt1'/>";
        document.getElementById("txt1").className="clstext";
        }
    </script>
   

</head>
<body  onload="addText();" >
    <form id="form1" runat="server">
   
               <br />
       
        <div id="div2"></div>
 
    </form>
</body>
</html>

Posted 22-Dec-11 22:27pm

Shobana16

Updated 26-Dec-11 22:41pm

v4

Comments

DeepthiTanguturi 23-Dec-11 4:43am

first solution is not working.

Sunasara Imdadhusen 23-Dec-11 7:26am

what is an error?

Shobana16 23-Dec-11 4:54am

What error did u get?

Sunasara Imdadhusen 23-Dec-11 7:25am

Please do us know, if you are still facing an error.

Sunasara Imdadhusen 23-Dec-11 7:25am

Good solution!

DeepthiTanguturi 23-Dec-11 23:04pm

its creating correct,but it displays after the submit button,i wnat to display before submit button.how can i do that ....

Shobana16 27-Dec-11 4:39am

Try my updated solution 1.