对比<input type="text" id="">和<asp:TextBox runat="server" ID="">

最新推荐文章于 2024-03-14 23:57:08 发布
原创 最新推荐文章于 2024-03-14 23:57:08 发布 · 2k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了ASP.NET中的TextBox控件与HTML中的input元素之间的相似性和互用性，尤其是在样式和JavaScript交互方面的一致性表现。

首先这两个都是对应文本输入框形式：

<input type="text"class="form-control"id="txt_add_pro_help_username"value="aaa"/>

<asp:TextBox runat="server"CssClass="form-control"ID="txt_add_pro_help_username"/>

    1）这两个在形式上是一模一样的，原因在于使用相同的class样式修饰。

    2）JS使用上也是一样的，虽然<asp:TextBox>是服务器控件，但是ID也是可以作为控件id在js上使用的。

  $("#txt_add_pro_help_username").val(result[2]);

  $("#txt_add_pro_help_userdept").val(result[3]);

         这两个一个是对应<input>形式的id，一个是对应<asp:TextBox>形式的id，结果都是一样的。

<asp:TextBox..>与<input type=text..>区别
weixin_30315435的博客
09-24 324
在研究suggestbox控件时，若是使用<asp:TextBox ID="txt_account" runat="server"></asp:TextBox>， 则调用$("#txt_account").suggestboxSeller();无法成功，应改成$("#<%=txt_account.ClientID%>").suggestboxSeller(...
C# runat="server"
caoming51021的专栏
10-18 1255
在runat=”server”下的标签，如果可以转换成HtmlControl，那么它的Attribute将不能使用的方式输出，如果不能转换成HtmlControl，则没有具体要求。如果一定要使用的方式，则需要将其以及它的祖先节点上的runat=”server”去掉即可。但是，关于一个嵌套的结构是否会被自动提升为runat=”server”则是根据标准来制定的。比如将link标签放在head中，设置
@Html.TextBoxFor的自动生成ID
baidu_34331194的博客
03-31 1192
在使用@Html.TextBoxFor时，例如， @Html.TextBoxFor(model => model.ProjectApplyInfoNew.LaunchDept, new { @class = "form-control required" }) 实际上在这里我们并没有显示的设置ID，但是，实际上asp.net已经给这个TextBox生成了一个ID，是“ProjectAppl
输入框input type=“text“（获取值、设置默认值）
zcc的博客
06-14 8820
&lt;input type="text" class="form-control" id="name" placeholder="任务名称"&gt;1.获取单选框的值$("#name").val();$("input[type='text']").val();1.设置默认值$("#name").val('任务1');3.根据获取
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <style type="text/css"> .GridViewStyle { border-collapse: collapse; width: 100%; text-align:center } .GridViewStyle th, .GridViewStyle td { border: 1px solid #ddd; padding: 8px; } .GridViewStyle tr:hover { background-color: #f1f1f1; } </style> <body> <form id="form1" runat="server"> <div> <asp:Button ID="downloadmon1" runat="server" Text="下载数据" OnClick="downloadmon1_Click" /> <asp:FileUpload ID="FileUp" runat="server" Text="选择文件"/> <asp:Button ID="btn_ExInto_pass" runat="server" Text="导入" OnClick="btn_ExInto_pass_Click" /> </div> <div> <asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" CssClass="GridViewStyle" DataKeyNames="Dept,Week,Month" AutoGenerateEditButton="False" AllowPaging="True" PageSize="20" Visible="false"> <Columns> <asp:BoundField DataField="Plant" HeaderText="Plant" ReadOnly="True" /> <asp:BoundField DataField="Dept" HeaderText="Dept" ReadOnly="True"/> <asp:BoundField DataField="Month" HeaderText="Month" ReadOnly="True"/> <asp:BoundField DataField="Week" HeaderText="Week" ReadOnly="True"/> <asp:TemplateField HeaderText="OT_Time"> <ItemTemplate> <asp:Label ID="lblEmail" runat="server" Text='<%# Bind("OT_Time") %>'></asp:Label> </ItemTemplate> <EditItemTemplate> <asp:TextBox ID="txtEmail" runat="server" Text='<%# Bind("OT_Time") %>'></asp:TextBox> </EditItemTemplate> </asp:TemplateField> <asp:TemplateField ShowHeader="False"> <ItemTemplate> <asp:LinkButton ID="lnkEdit" runat="server" CausesValidation="False" CommandName="Edit" Text="Edit"></asp:LinkButton> </ItemTemplate> <EditItemTemplate> <asp:LinkButton ID="lnkUpdate" runat="server" CommandName="Update" Text="Update"></asp:LinkButton> <asp:LinkButton ID="lnkCancel" runat="server" CausesValidation="False" CommandName="Cancel" Text="Cancel"></asp:LinkButton> </EditItemTemplate> </asp:TemplateField> </Columns> <HeaderStyle Wrap="False" /> </asp:GridView> </div> <div> <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CssClass="GridViewStyle" DataKeyNames="Dept,Week,Month" DataSourceID="SqlDataSource1" AutoGenerateEditButton="False" AllowPaging="True" PageSize="20"> <Columns> <asp:BoundField DataField="Plant" HeaderText="Plant" ReadOnly="True" /> <asp:BoundField DataField="Dept" HeaderText="Dept" ReadOnly="True"/> <asp:BoundField DataField="Month" HeaderText="Month" ReadOnly="True"/> <asp:BoundField DataField="Week" HeaderText="Week" ReadOnly="True"/> <asp:TemplateField HeaderText="OT_Time"> <ItemTemplate> <asp:Label ID="lblEmail" runat="server" Text='<%# Bind("OT_Time") %>'></asp:Label> </ItemTemplate> <EditItemTemplate> <asp:TextBox ID="txtEmail" runat="server" Text='<%# Bind("OT_Time") %>'></asp:TextBox> </EditItemTemplate> </asp:TemplateField> <asp:TemplateField ShowHeader="False"> <ItemTemplate> <asp:LinkButton ID="lnkEdit" runat="server" CausesValidation="False" CommandName="Edit" Text="Edit"></asp:LinkButton> </ItemTemplate> <EditItemTemplate> <asp:LinkButton ID="lnkUpdate" runat="server" CommandName="Update" Text="Update"></asp:LinkButton> <asp:LinkButton ID="lnkCancel" runat="server" CausesValidation="False" CommandName="Cancel" Text="Cancel"></asp:LinkButton> </EditItemTemplate> </asp:TemplateField> </Columns> <HeaderStyle Wrap="False" /> </asp:GridView> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ApplicationServices %>" SelectCommand="SELECT A.* FROM [Assembly].[dbo].[MPE_HC_OT] AS A LEFT JOIN (SELECT TOP 1 'WW'+Week AS Time FROM [Assembly].[dbo].[MPE_Loading_PTime_Dept_Week] WHERE DEPT='AG1') AS B ON A.WEEK>= B.TIME WHERE A.Week >= B.Time ORDER BY A.Month" UpdateCommand="UPDATE MPE_HC_OT SET OT_Time=@OT_Time,OT_Time_Active='1' WHERE Dept=@Dept and Month=@Month and Week= @Week"> </asp:SqlDataSource> </div> </form> </body> </html>
08-16
<input type="file" id="fileInput" class="file-input" runat="server" /> <label for="fileInput" class="custom-file-upload">选择文件</label> <span id="fileName" class="file-label">未选择文件</span> ...
<input type="datetime-local" class="form-control input-right" name="wipFinishTime" id="wipFinishTime"> <asp:TextBox ID="wipFinishTimeHide" runat="server" CssClass="input-right" hidden></asp:TextBox>如何将wipFinishTime的值赋给wipFinishTimeHide，并将<asp:TextBox 隐藏
06-20
<asp:Button ID="SubmitButton" runat="server" Text="提交" OnClick="SubmitButton_Click" /> <asp:TextBox ID="HiddenTextBox" runat="server" style="display:none;"></asp:TextBox> ``` ##### 服务器端代码 ```...
<td class="td_detail2"> <asp:TextBox ID="DBAskEmpPhone" runat="server" Height="23px" meta:resourcekey="DBAskEmpPhoneResource1"></asp:TextBox> <asp:Label ID = "label5" runat="server" Text="預計外出時間:" meta:resourcekey="label5Resource1"></asp:Label> <input id="DBPaperOutDate" readonly="readonly" onclick="setday(this)" type="text" runat="server" style="width: 160px;" />  </td> vb.net在后台加触发事件，当值变化时触发
最新发布
09-11
<input type="text" id="DBPaperOutDate" runat="server" /> ``` ### 第二步：在后台代码（VB.NET）中绑定事件处理程序 1. **为asp:TextBox添加TextChanged事件**： - 我们可以通过两种方式绑定事件： - 在ASPX...
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>用户登录</title> </head> <body> <h3 style="text-align: center">用户登录</h3> <form action="doLogin.jsp" method="post"> <table border="1" cellpadding="10" style="margin: 0px auto"> <tr> <td align="center">账号</td> <td><input type="text" name="username"/></td> </tr> <tr> <td align="center">密码</td> <td><input type="password" name="password"/></td> </tr> <tr align="center"> <td colspan="2"> <input type="submit" value="登录"/> <input type="reset" value="重置"/> </td> </tr> </table> </form> </body> </html> doLogin.jsp <% // 获取登录表单数据 String username = request.getParameter("username"); String password = request.getParameter("password"); // 判断登录是否成功 if (username.equals("易烊千玺") && password.equals("123456")) { // 跳转到登录成功页面，传递用户名 response.sendRedirect("success.jsp?username=" + username); } else { // 跳转到登录失败页面，传递用户名 response.sendRedirect("failure.jsp?username=" + username); } %> 将上面两个都转换为ASP.NET可以运行的HTML，并给出是否在一个.aspx下
05-16
<td><asp:TextBox ID="txtPassword" TextMode="Password" runat="server"></asp:TextBox></td> </tr> <tr> <td colspan="2"><asp:Button ID="btnLogin" runat="server" Text="Login" OnClick="btnLogin_Click" /...
<%@ Page Language=“C#” AutoEventWireup=“true” CodeFile=“AddNewUser.aspx.cs” Inherits=“Admin_lizhitong_AddNewUser” %> <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=“http://www.w3.org/1999/xhtml”> <head runat=“server”> <title>注册新用户</title> <link href=“/css/Style.css” rel=“stylesheet” type=“text/css” /> </head> <body> <form id=“form1” runat=“server”> <div> <table border=“0” width=“100%” cellspacing=“1” cellpadding=“2” id=“table2” class=“tableBorder”> <tr> <th valign=“middle” colspan=“2” height=“25”> <table align=“center” width=“100%”> <tr> <td width=“96%” colspan=“2”> 注册用户 </td> </tr> </table> </th> </tr> <tr> <td width=“150” height=“47” align=“center” class=“forumRow”> 用户名： </td> <td class=“forumRow” align=“left”> <asp:TextBox ID=“tbYHM” runat=“server” Height=“19px” Width=“200px” spellcheck=“false” autocomplete=“off” aria-autocomplete=“none”></asp:TextBox> </td> </tr> <tr> <td width=“150” height=“47” align=“center” class=“forumRow”> 用户密码： </td> <td class=“forumRow” align=“left”> <asp:TextBox ID=“tbYHMM” runat=“server” Height=“19px” Width=“200px” spellcheck=“false” autocomplete=“off” aria-autocomplete=“none”></asp:TextBox> </td> </tr> <tr> <td width=“150” height=“47” align=“center” class=“forumRow”> 确认密码： </td> <td class=“forumRow” align=“left”> <asp:TextBox ID=“tbQRMM” runat=“server” Height=“19px” Width=“200px” spellcheck=“false” autocomplete=“off” aria-autocomplete=“none”></asp:TextBox> <asp:Literal ID=“mmErrorMessage” runat=“server”></asp:Literal> </td> </tr> <tr> <td width=“150” height=“47” align=“center” class=“forumRow”> 用户姓名： </td> <td class=“forumRow” align=“left”> <asp:TextBox ID=“tbYHXM” runat=“server” Height=“19px” Width=“200px” spellcheck=“false” autocomplete=“off” aria-autocomplete=“none”></asp:TextBox> </td> </tr> <tr> <td width=“80” height=“47” align=“center” class=“forumRow”> 所属区域： </td> <td class=“forumRow” align=“left”> <div class=“dropdown-container” style=“max-width: 450px;”> <asp:DropDownList ID=“ddlZJ” CssClass=“custom-dropdown” runat=“server” AutoPostBack=“True” onselectedindexchanged=“ddlZJ_SelectedIndexChanged”></asp:DropDownList> <asp:DropDownList ID=“ddlPCS” CssClass=“custom-dropdown” runat=“server” AutoPostBack=“True” onselectedindexchanged=“ddlPCS_SelectedIndexChanged”></asp:DropDownList> <asp:DropDownList ID=“ddlVillage” CssClass=“custom-dropdown” runat=“server” AutoPostBack=“True”></asp:DropDownList> </div> </td> </tr> <tr> <td width=“150” height=“47” align=“center” class=“forumRow”> 工作单位： </td> <td class=“forumRow” align=“left”> <asp:TextBox ID=“tbGZDW” runat=“server” Height=“19px” Width=“200px” spellcheck=“false” autocomplete=“off” aria-autocomplete=“none”></asp:TextBox> <td class=“forumRow” align=“left”> <asp:DropDownList ID=“ddlYHJS” CssClass=“custom-dropdown” style=“width:300px;” runat=“server”></asp:DropDownList> </td> </tr> <tr> <td valign="middle" colspan="2" align="center" class="forumRow"> <span style="color: Red; padding-left: 10px;"> <asp:Button ID="btSubmit" runat="server" Text="提交注册" OnClick="btSubmit_Click" />  <asp:Literal ID="ltMessage" runat="server"></asp:Literal></span> </td> </tr> </table> </div> </form> </body> </html> 怎么让tbQRMM和tbYHMM显示为*号，不用TextMode="Password"方法
03-22
<asp:TextBox ID="tbYHMM" runat="server" CssClass="password-mask" <!-- 添加CSS类 --> Height="19px" Width="200px" spellcheck="false" autocomplete="off" aria-autocomplete="none"> </asp:TextBox> ...
关于使用＜input type=“text“ id=“username“ ＞＜/input＞，使用$(“#username“).val()无法取到vlaue值问题。
weixin_42141284的博客
03-16 1322
今天写demo时遇到一个问题，在使用jquery取id为username的文本框的值时，无法取到内容，详细情况如下： 从上面可以看出，整个body中只有一个id 为username，最终结果为用户名并没有取到，但密码取到了，最后，将id为username改一下，就取到输入的用户名值。 ...
asp.net学习之textbox控件使用的小例子
张亚运的专栏
11-25 1609
.apsx代码如下： 输入正确的姓名和密码(123456)，解锁控件 姓名： 密码：
关于asp.net中TextBox里面实现回车触发的解决方案
sunbett的专栏
05-20 7529
type=‘date’的input标签
热门推荐
bowen11233的博客
11-04 3万+
最近在写一个手机网页时，要求使用原生的手机时间控件。需要使用标签，之前并没有注意过type=‘date’的用法，在使用时也遇到了很多问题。在此一一总结一下： 1.首先调用浏览器自带时间控件，input的type属性有以下几种写法： type=’date’ //显示年、月、日 type=‘month’//显示年、月
.NET2008(C#)使用Ajax技术实例
hdhai9451的专栏
04-24 1822
Ajax使用的好处是访问服务器数据，而页面不跳转，让用户感觉访问的是静态页面。一、必须注册控件：AjaxPro.2.dll，当前测试的版本号：[6.5.9.1 ]1.在命令行注册：regsvr32 d:/project/OA/bin/AjaxPro.2.dll2.在项目是引用 "AjaxPro.2” 二、程序中需要加的代码，以C#为例：1.在Page_Load加代码：A
ASP.NET Web Forms - TextBox 控件
m0_65541699的博客
02-10 1030
TextBox 控件用于创建用户可输入文本的文本框。
ASP.NET-常用控件总结
踏雨歌青春，诗酒趁年华
03-14 3298
本文介绍了ASP.NET控件编程的基础知识和常用技巧。通过对基础控件如TextBox、DropDownList等的介绍，读者可以了解如何在ASP.NET应用中使用这些控件来实现用户界面的交互。此外，文章还深入探讨了UpdatePanel实现局部刷新以及动态事件的处理方法，帮助读者更好地优化页面性能和提升用户体验。通过这些内容的学习，读者可以掌握ASP.NET控件编程的关键技能，并能够更高效地开发出功能丰富、交互友好的Web应用程序。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值