How to access data from html controls in asp.net

Question

How do I access data from html in asp.net in the .cs (code behind) file?

In .aspx page I have:

             <tr>
                <td>Username:</td><td><input id="username" type="text" /></td>
             </tr>
             <tr>
                <td>Password:</td><td><input id="password" type="password" /></td>
             </tr>
             <tr>

I know I can convert this to something like:

    <tr>
        <td>Username:</td><td><asp:TextBox ID="username" TextMode="SingleLine" runat="server"></asp:TextBox></td>
     </tr>
     <tr>
        <td>Password:</td><td><asp:TextBox ID="password" TextMode="Password" runat=server></asp:TextBox></td>
     </tr>

This will allow me to access the controls via IDs. However I was wondering if there was a way of accessing data without using asp.net server-side controls.

tvanfosson · Accepted Answer · 2009-04-18 19:51:19Z

10

Give the inputs a name as well as an id and you will be able to get the values from Request.Form. Inputs without names are not sent back with the form post.

<input id="username" name="username" type="text" />
<input id="password" name="password" type="password" />


var username = Request.Form["username"];
var password = Request.Form["password"];

answered Apr 18, 2009 at 19:51

tvanfosson

534k102 gold badges703 silver badges801 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Joel Coehoorn · Accepted Answer · 2009-04-18 19:54:38Z

2

Add runat="server" to the controls, and then you can access them from the code-behind almost as if they were <asp:______ /> controls.

answered Apr 18, 2009 at 19:54

Joel Coehoorn

418k114 gold badges582 silver badges820 bronze badges

Comments

chopper · Accepted Answer · 2014-10-10 02:51:04Z

0

ASP.NET controls, are in essence HTML controls wrapped, so an asp:Button will render as a input Html control. Some web developers prefer using Html controls due to the smaller size. Therefore each HTML control will map to a asp server control. As the previous answer, from Joel, add the runat="server", then the control can be referenced by the ID from the code behind.

edited Oct 10, 2014 at 2:51

chopper

6,7397 gold badges40 silver badges56 bronze badges

answered Apr 18, 2009 at 20:12

Stuart

12.3k6 gold badges36 silver badges32 bronze badges

Comments

Cullub · Accepted Answer · 2014-10-10 03:51:02Z

0

This is your code:

<tr>
    <td>Username:</td>
    <td><input id="username" type="text" /></td>
</tr>
<tr>
    <td>Password:</td>
    <td><input id="password" type="password" /></td>
</tr>

You can just add the runat="server" attribute to the Html controls:

<tr>
    <td>Username:</td>
    <td><input id="username" runat="server" type="text" />  <!--NOTE THE RUNAT="SERVER"--></td>
</tr>
<tr>
    <td>Password:</td>
    <td><input id="password" **runat="server"** type="password" /></td>
</tr>

Now you can access the controls in asp.net.

edited Oct 10, 2014 at 3:51

Cullub

3,3384 gold badges33 silver badges51 bronze badges

answered Jan 7, 2010 at 12:17

Surya sasidhar

30.4k58 gold badges146 silver badges223 bronze badges

Collectives™ on Stack Overflow

How to access data from html controls in asp.net

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related