input runat= server和asp:button的区别

最新推荐文章于 2019-04-10 10:53:04 发布
原创 最新推荐文章于 2019-04-10 10:53:04 发布 · 2.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#button #server #input #asp #服务器

本文介绍了服务器端两种不同类型的按钮：一种是使用HtmlInputButton类表示的<input type=button runat=server/>，另一种是使用Button类表示的<asp:button runat=server></asp:button>。这两种按钮在服务器端有不同的表现形式和技术实现。

服务器端区别，一个是
<input   type= "button "   runat= "server "/> 对应System.Web.UI.HtmlControls.HtmlInputButton类

<asp:button   runat= "server "> </asp:button> 对应System.Web.UI.WebControls.Button   类

input runat server 控件 先通过onclick通过验证客户端验证，然后在执行服务端方法onserverclick 的
wangyangsudo的专栏
05-05 2829
1。javascript手动_dopostback2。type="button"  =>   type="submit"3。@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="CaiPiao.WebForm2" %>DOCTYPE html PUBLIC "-//W3C//D
<input type="button">与<asp:button>的区别,以及runat="server"的作用
Just_do_it_HZF的博客
07-31 3312
与的区别,以及runat="server"的作用 在中只能编写点击事件onclick，并且只能在js中实现，那么如何让像一样可以在后台实现呢 为添加runat="server" 并且添加onserverclick="Unnamed_ServerClick"点击事件，并在后台编写它的点击效果，这样就会跟效果一样。 前台代码：      服务器控件的意思是在里页面上建立了普通HTML标签或AS
如果input标签中有runat=”server”，则在服务端，Request.Form接收不到
awl38033的博客
04-30 358
如果input标签中有runat=”server”，则在服务端，Request.Form接收不到 转载于:https://www.cnblogs.com/street-boy/p/3700642.html
input type=file 没有runat=server 服务器端上传文件
sytWeibo的专栏
03-03 3778
enctype="multipart/form-data" 如果設置 enctype="multipart/form-data" 那么就可以使用HTML的 控件 但必須設置id和name屬性 這樣服務端才能獲取到 如果沒有設置enctype="multipart/form-data" 就要用服務器控件來 也就是要有runat=“server”                      pr
js前端取服务器控件的值
古老的未来
08-16 878
[javascript] view plain copy "font-size:18px;">在web开发过程中，对于服务器控件，或者设置runat="server"的html控件，在应用母版页后，程序编译后服务控件的ID会发生改变，有时候根据控件id来获取时，会取不到对应控件（当然这种情况也不是经常会有），那么我们如何来解决这个问题呢。   1.js前
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <link rel="stylesheet" href="../../css/pageshow.css" /> </head> <body> <form id="form1" runat="server"> <asp:Panel ID="Panel1" runat="server"> <div> <blockquote class="layui-elem-quote title">Dept -- Date_<asp:Label ID="time1" runat="server" Text=""></asp:Label>(The data in the table is rounded to the nearest whole number.) &nbsp &nbsp &nbsp <asp:Button ID="downloadmon1" runat="server" Text="Download" OnClick="downloadmonW1_Click" CssClass="input-style" BackColor="#ADD8E6"/> </blockquote> <asp:GridView ID="weekdata" runat="server" Style="width: 100%;text-align:center" CssClass="GridViewStyle" OnRowDataBound="GridView1_RowDataBound"> <Columns> </Columns> </asp:GridView> </div> &nbsp &nbsp <div> <blockquote class="layui-elem-quote title">Date -- Dept_<asp:Label ID="time2" runat="server" Text=""></asp:Label>(The data in the table is rounded to the nearest whole number.) &nbsp &nbsp &nbsp <asp:Button ID="downloadmon2" runat="server" Text="Download" OnClick="downloadmonW2_Click" CssClass="input-style" BackColor="#ADD8E6"/></blockquote> <asp:GridView ID="weekdataT" runat="server" Style="width: 100%;text-align:center" CssClass="GridViewStyle" OnRowDataBound="GridView1_RowDataBound" > <Columns> </Columns> </asp:GridView> </div> </asp:Panel> </form> </body> </html> 请帮忙优化这界面，让它变得更加美观
11-18
<asp:Button ID="downloadmon1" runat="server" Text="Download" OnClick="downloadmonW1_Click" CssClass="input-style" /> <asp:GridView ID="weekdata" runat="server" Style="width: 100%;text-align:center...
<input id="DBPaperOutDate" readonly="readonly" onclick="setday(this)" onblur="document.getElementById('<%= btnHidden.ClientID %>').click()" type="text" runat="server" style="width: 160px;" /> <asp:Button ID="btnHidden" runat="server" OnClick="btnHidden_Click" />由于input文本框中输入的内容是有选择的日期控件带入，导致无法触发事件
09-11
<asp:Button ID="btnHidden" runat="server" OnClick="btnHidden_Click" style="display:none;" /> // 在页面加载完成后初始化flatpickr document.addEventListener('DOMContentLoaded', function() { ...
<input id="DBPaperOutDate" readonly="readonly" type="text" runat="server" style="width: 160px;" />输入完成后触发后台事件
09-11
<asp:Button ID="btnHidden" runat="server" OnClick="btnHidden_Click" style="display:none;" /> ``` 说明： - 我们添加了一个隐藏按钮`btnHidden`，并设置其样式为`display:none;`使其不可见。 - 当input的...
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>员工借调记录管理</title> <link rel="stylesheet" href="../../css/pageshow.css" /> <style> /* 全局样式重置 */ * { margin: 0; padding: 0; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } body { background-color: #f9fafb; color: #374151; line-height: 1.5; } /* 容器样式 */ .container { width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 16px; padding-top: 24px; padding-bottom: 24px; } /* 标签页样式 */ .tab-container { border-bottom: 1px solid #e5e7eb; margin-bottom: 16px; } .tab-group { width: 100%; max-width: 1400px; display: flex; } .tab-btn { padding: 12px 8px; border-bottom: 2px solid transparent; font-size: 14px; cursor: pointer; background: none; border: none; outline: none; transition: all 0.2s ease; } .tab-active { border-bottom-color: #1677ff; color: #1677ff; font-weight: 500; } .tab-inactive { color: #6b7280; } .tab-inactive:hover { color: #4b5563; } /* 卡片容器样式 */ .card { background-color: #ffffff; padding: 0px; border-radius: 8px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin-bottom: 16px; } /* 搜索区域样式 */ .search-group { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; } /* 表单控件样式 */ .form-control { border: 1px solid #d1d5db; border-radius: 6px; padding: 10px 16px; font-size: 14px; transition: all 0.2s ease; } .form-control:focus { outline: none; border-color: #1677ff; box-shadow: 0 0 0 1px #1677ff; } /* 必填项样式 */ .required-field { position: relative; } .required-field::after { content: "*"; color: #ff4d4f; position: absolute; right: -8px; top: 50%; transform: translateY(-50%); } /* 验证失败样式 */ .input-error { border-color: #ff4d4f !important; } .select-wrapper { position: relative; } .input-wrapper { position: relative; } .input-icon { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #6b7280; font-size: 14px; pointer-events: none; } .text-input { padding-left: 32px; width: 192px; } .date-input { padding: 8px 12px; } /* 借调原因输入框样式 */ .reason-input { width: 200px; } /* 按钮样式 */ .btn { padding: 8px 16px; border-radius: 6px; font-size: 14px; cursor: pointer; transition: all 0.2s ease; border: 1px solid transparent; } .btn-primary { background-color: #1677ff; color: #ffffff; } .btn-primary:hover { background-color: #0966e2; } .btn-secondary { background-color: #ffffff; border-color: #d1d5db; color: #4b5563; } .btn-secondary:hover { background-color: #f3f4f6; } .btn-green { background-color: #0FC6C2; color: #ffffff; } .btn-green:hover { background-color: #0da8a5; } .btn-export { background-color: #2F80ED; color: #ffffff; width: 84px; } .btn-export:hover { background-color: #2569d1; } .btn-text-warning { color: #faad14; background: none; border: none; padding: 0; font-size: 14px; cursor: pointer; } .btn-text-warning:hover { color: #d48806; } .btn-text-danger { color: #ff4d4f; background: none; border: none; padding: 0; font-size: 14px; cursor: pointer; } .btn-text-danger:hover { color: #d9363e; } .btn-text-green { color: #0FC6C2; background: none; border: none; padding: 0; font-size: 14px; cursor: pointer; } .btn-text-green:hover { color: #0da8a5; } /* 表格样式 */ .gridview { width: 100%; border-collapse: collapse; } .gridview th { padding: 6px 8px; text-align: left; font-size: 12px; font-weight: 500; color: #6b7280; text-transform: uppercase; letter-spacing: 0.05em; background-color: #f9fafb; } .gridview td { padding: 6px 8px; font-size: 12px; color: #6b7280; white-space: nowrap; } .gridview tr:nth-child(even) { background-color: #f9fafb; } .gridview input[type="datetime-local"], .gridview select, .gridview input[type="text"] { border: 1px solid #d1d5db; border-radius: 6px; padding: 4px 6px; font-size: 12px; } .gridview input[type="datetime-local"]:focus, .gridview select:focus, .gridview input[type="text"]:focus { outline: none; border-color: #1677ff; box-shadow: 0 0 0 1px #1677ff; } /* 自定义样式 */ .small-circle { width: 12px; height: 12px; border-radius: 50%; background-color: #22c55e; display: inline-block; } .absolute-btn { position: absolute; right: 200px; top: 101px; } /* 响应式调整 */ @media (max-width: 1000px) { .search-group { flex-direction: column; align-items: stretch; } .text-input { width: auto; } .reason-input { width: auto; } .absolute-btn { position: static; margin-top: 12px; } .gridview { display: block; overflow-x: auto; } } </style> <script> // 移除借调原因输入框的 required 属性自动验证 // 仅在点击 Submit 按钮时验证 function validateReason(btn) { // 找到当前行的借调原因输入框 const row = btn.closest('tr'); const reasonInput = row.querySelector('.reason-input'); // 清除之前的错误样式 reasonInput.classList.remove('input-error'); // 验证是否为空 if (!reasonInput.value.trim()) { reasonInput.classList.add('input-error'); alert('借调原因不能为空，请填写！'); reasonInput.focus(); return false; } return true; } window.onload = function() { // 绑定表格内所有 Submit 按钮的点击事件 const submitBtns = document.querySelectorAll('#gvLendRecords .btn-text-green'); submitBtns.forEach(btn => { btn.onclick = function() { return validateReason(this); }; }); }; </script> </head> <body> <form id="form1" runat="server"> <div class="container"> <!-- 标签页切换 --> <div class="tab-container"> <div class="tab-group"> <asp:Button ID="btnLendTab" runat="server" Text="Lend Settings" CssClass="tab-btn tab-active" OnClick="btnLendTab_Click" /> <asp:Button ID="btnBorrowTab" runat="server" Text="Borrowing and lending records" CssClass="tab-btn tab-inactive" OnClick="btnBorrowTab_Click" /> </div> </div> <!-- 借出记录面板 --> <asp:Panel ID="pnlLendRecords" runat="server"> <!-- 搜索区域 --> <div class="card"> <div class="search-group"> <div class="select-wrapper"> <asp:DropDownList ID="ddlFactory" runat="server" CssClass="form-control"> <asp:ListItem Text="Dept" Value=""></asp:ListItem> <asp:ListItem Text="AG1" Value="AG1"></asp:ListItem> <asp:ListItem Text="AG2" Value="AG2"></asp:ListItem> <asp:ListItem Text="AG6" Value="AG6"></asp:ListItem> <asp:ListItem Text="AG7" Value="AG7"></asp:ListItem> <asp:ListItem Text="AG8" Value="AG8"></asp:ListItem> <asp:ListItem Text="AG9" Value="AG9"></asp:ListItem> <asp:ListItem Text="AL2" Value="AL2"></asp:ListItem> <asp:ListItem Text="AL5" Value="AL5"></asp:ListItem> <asp:ListItem Text="AL6" Value="AL6"></asp:ListItem> <asp:ListItem Text="AL7" Value="AL7"></asp:ListItem> <asp:ListItem Text="AL8" Value="AL8"></asp:ListItem> <asp:ListItem Text="AL9" Value="AL9"></asp:ListItem> <asp:ListItem Text="L03" Value="L03"></asp:ListItem> <asp:ListItem Text="L08" Value="L08"></asp:ListItem> <asp:ListItem Text="L12" Value="L12"></asp:ListItem> <asp:ListItem Text="L23" Value="L23"></asp:ListItem> <asp:ListItem Text="L33" Value="L33"></asp:ListItem> <asp:ListItem Text="LMC" Value="LMC"></asp:ListItem> </asp:DropDownList> </div> <div class="input-wrapper"> <asp:TextBox ID="txtEmpIdLend" runat="server" Placeholder="Enter the badge" CssClass="form-control text-input"></asp:TextBox> <div class="input-icon"> <i class="fa fa-search"></i> </div> </div> <asp:Button ID="btnSearchLend" runat="server" Text="Search" CssClass="btn btn-primary" OnClick="btnSearchLend_Click" /> <asp:Button ID="btnRefreshLend" runat="server" Text="刷新" Visible="false" CssClass="btn btn-secondary" OnClick="btnRefreshLend_Click" /> <asp:Button ID="btnAddLend" runat="server" Text="+ Batch Addition" CssClass="btn btn-green" OnClick="btnAddLend_Click" /> <asp:Button ID="btnDownload" runat="server" Text="Download Template" Visible="false" CssClass="btn btn-secondary" OnClick="btnDownload_Click" /> <asp:FileUpload ID="FileUp" runat="server" Text="Select file" CssClass="btn btn-secondary" Visible="false"/> <asp:Button ID="btn_ExInto_pass" runat="server" Text="Check" OnClick="btn_ExInto_pass_Click" CssClass="btn btn-secondary" Visible="false"/> <asp:Button ID="btnUpdate" runat="server" Text="Submit" Visible="false" CssClass="btn btn-green absolute-btn" OnClick="btnUpdate_Click" /> </div> </div> <!-- 表格区域 --> <div class="card"> <asp:GridView ID="gvLendRecords" runat="server" AutoGenerateColumns="false" CssClass="gridview" OnRowCommand="gvLendRecords_RowCommand"> <Columns> <asp:BoundField DataField="Id" HeaderText="ID" /> <asp:BoundField DataField="EmployeeName" HeaderText="Name" /> <asp:BoundField DataField="EmployeeId" HeaderText="Badge" /> <asp:BoundField DataField="Workday_ID" HeaderText="Workday_ID" /> <asp:BoundField DataField="dept_code" HeaderText="Dept" /> <asp:TemplateField HeaderText="Borrow Plant"> <ItemTemplate> <asp:TextBox ID="ddlTargetFactory" runat="server"></asp:TextBox> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Borrow Dept"> <ItemTemplate> <asp:DropDownList ID="ddlTargetDept" runat="server" CssClass="form-control"> <asp:ListItem Text="Dept" Value=""></asp:ListItem> <asp:ListItem Text="AG1" Value="AG1"></asp:ListItem> <asp:ListItem Text="AG2" Value="AG2"></asp:ListItem> <asp:ListItem Text="AG6" Value="AG6"></asp:ListItem> <asp:ListItem Text="AG7" Value="AG7"></asp:ListItem> <asp:ListItem Text="AG8" Value="AG8"></asp:ListItem> <asp:ListItem Text="AG9" Value="AG9"></asp:ListItem> <asp:ListItem Text="AL2" Value="AL2"></asp:ListItem> <asp:ListItem Text="AL5" Value="AL5"></asp:ListItem> <asp:ListItem Text="AL6" Value="AL6"></asp:ListItem> <asp:ListItem Text="AL7" Value="AL7"></asp:ListItem> <asp:ListItem Text="AL8" Value="AL8"></asp:ListItem> <asp:ListItem Text="AL9" Value="AL9"></asp:ListItem> <asp:ListItem Text="L03" Value="L03"></asp:ListItem> <asp:ListItem Text="L08" Value="L08"></asp:ListItem> <asp:ListItem Text="L12" Value="L12"></asp:ListItem> <asp:ListItem Text="L23" Value="L23"></asp:ListItem> <asp:ListItem Text="L33" Value="L33"></asp:ListItem> <asp:ListItem Text="LMC" Value="LMC"></asp:ListItem> </asp:DropDownList> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Start Date"> <ItemTemplate> <asp:TextBox ID="txtStartDate" runat="server" type="datetime-local" CssClass="form-control"> </asp:TextBox> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="End Date"> <ItemTemplate> <asp:TextBox ID="txtEndDate" runat="server" type="datetime-local" CssClass="form-control"> </asp:TextBox> </ItemTemplate> </asp:TemplateField> <%-- 新增借调原因列（仅点击Submit验证） --%> <asp:TemplateField HeaderText="借调原因<span style='color: #ff4d4f;'>*</span>"> <ItemTemplate> <div class="required-field"> <asp:TextBox ID="txtLendReason" runat="server" CssClass="form-control reason-input" placeholder="请填写借调原因" maxlength="200"></asp:TextBox> </div> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Operation"> <ItemTemplate> <asp:Button ID="btnModify" runat="server" Text="Submit" CssClass="btn-text-green" CommandName="Modify" CommandArgument='<%# Eval("Id") %>' /> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView> </div> <div> <asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" CssClass="gridview" DataKeyNames="Dept,Plant" AutoGenerateEditButton="False" AllowPaging="True" PageSize="20" Visible="false" OnPageIndexChanging="GridView2_PageIndexChanging"> <Columns> <asp:BoundField DataField="Plant" HeaderText="Plant" ReadOnly="True" /> <asp:BoundField DataField="Name" HeaderText="Name" ReadOnly="True"/> <asp:BoundField DataField="Badge" HeaderText="Badge" ReadOnly="True"/> <asp:BoundField DataField="Dept" HeaderText="Dept" ReadOnly="True"/> <asp:BoundField DataField="Borrow Plant" HeaderText="Borrow Plant" ReadOnly="True"/> <asp:BoundField DataField="Borrow Dept" HeaderText="Borrow Dept" ReadOnly="True"/> <asp:BoundField DataField="Start Date" HeaderText="Start Date" ReadOnly="True" DataFormatString="{0:yyyy-MM-dd HH:mm}" HtmlEncode="False"/> <asp:BoundField DataField="End Date" HeaderText="End Date" ReadOnly="True" DataFormatString="{0:yyyy-MM-dd HH:mm}" HtmlEncode="False"/> <%-- 展示借调原因 --%> <asp:BoundField DataField="借调原因" HeaderText="借调原因" ReadOnly="True"/> </Columns> <HeaderStyle Wrap="False" /> </asp:GridView> </div> </asp:Panel> <!-- 借入记录面板 --> <asp:Panel ID="pnlBorrowRecords" runat="server" Visible="false"> <!-- 搜索区域 --> <div class="card"> <div class="search-group"> <div class="select-wrapper"> <asp:DropDownList ID="deptRecord" runat="server" CssClass="form-control"> <asp:ListItem Text="Dept" Value=""></asp:ListItem> <asp:ListItem Text="AG1" Value="AG1"></asp:ListItem> <asp:ListItem Text="AG2" Value="AG2"></asp:ListItem> <asp:ListItem Text="AG6" Value="AG6"></asp:ListItem> <asp:ListItem Text="AG7" Value="AG7"></asp:ListItem> <asp:ListItem Text="AG8" Value="AG8"></asp:ListItem> <asp:ListItem Text="AG9" Value="AG9"></asp:ListItem> <asp:ListItem Text="AL2" Value="AL2"></asp:ListItem> <asp:ListItem Text="AL5" Value="AL5"></asp:ListItem> <asp:ListItem Text="AL6" Value="AL6"></asp:ListItem> <asp:ListItem Text="AL7" Value="AL7"></asp:ListItem> <asp:ListItem Text="AL8" Value="AL8"></asp:ListItem> <asp:ListItem Text="AL9" Value="AL9"></asp:ListItem> <asp:ListItem Text="L03" Value="L03"></asp:ListItem> <asp:ListItem Text="L08" Value="L08"></asp:ListItem> <asp:ListItem Text="L12" Value="L12"></asp:ListItem> <asp:ListItem Text="L23" Value="L23"></asp:ListItem> <asp:ListItem Text="L33" Value="L33"></asp:ListItem> <asp:ListItem Text="LMC" Value="LMC"></asp:ListItem> </asp:DropDownList> </div> <div class="input-wrapper"> <asp:TextBox ID="txtEmpIdBorrow" runat="server" Placeholder="Enter the badge" CssClass="form-control text-input"></asp:TextBox> <div class="input-icon"> <i class="fa fa-search"></i> </div> </div> <asp:TextBox ID="txtStartDe" runat="server" CssClass="form-control date-input" type="date"> </asp:TextBox> <asp:TextBox ID="txtEndtDe" runat="server" CssClass="form-control date-input" type="date"> </asp:TextBox> <asp:Button ID="btnSearchBorrow" runat="server" Text="Search" CssClass="btn btn-primary" OnClick="btnSearchBorrow_Click" /> <asp:Button ID="btnExport" runat="server" Text="Download" CssClass="btn btn-export" OnClick="btnExport_Click" /> </div> </div> <!-- 表格区域 --> <div class="card"> <asp:GridView ID="gvBorrowRecords" runat="server" AutoGenerateColumns="false" DataKeyNames="ID" CssClass="gridview" OnRowEditing="gvBorrowRecords_RowEditing" OnRowCancelingEdit="gvBorrowRecords_RowCancelingEdit" OnRowUpdating="gvBorrowRecords_RowUpdating" OnRowCommand="gvBorrowRecords_RowCommand"> <Columns> <asp:BoundField DataField="Id" HeaderText="ID" ReadOnly="True"/> <asp:BoundField DataField="Name" HeaderText="Name" ReadOnly="True" /> <asp:BoundField DataField="Badge" HeaderText="Badge" ReadOnly="True"/> <asp:BoundField DataField="Plant" HeaderText="Lending Plant" ReadOnly="True"/> <asp:BoundField DataField="Dept" HeaderText="Lending Dept" ReadOnly="True"/> <asp:TemplateField HeaderText="Borrowing Dept"> <ItemTemplate> <asp:Label ID="lblDept_Temp" runat="server" Text='<%# Bind("Dept_Temp") %>'></asp:Label> </ItemTemplate> <EditItemTemplate> <asp:TextBox ID="Dept_Temp" runat="server" Text='<%# Bind("Dept_Temp") %>' CssClass="form-control"></asp:TextBox> </EditItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Start Date"> <ItemTemplate> <asp:Label ID="lblStart_Date" runat="server" Text='<%# Eval("Start_Date") != DBNull.Value ? string.Format("{0:yyyy-MM-dd HH:mm}", Eval("Start_Date")) : "" %>'></asp:Label> </ItemTemplate> <EditItemTemplate> <asp:TextBox ID="Start_Date" runat="server" type="datetime-local" CssClass="form-control" Text='<%# Eval("Start_Date") != DBNull.Value ? string.Format("{0:yyyy-MM-ddTHH:mm}", Eval("Start_Date")) : "" %>'></asp:TextBox> </EditItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="End Date"> <ItemTemplate> <asp:Label ID="lblFinish_Date" runat="server" Text='<%# Eval("Finish_Date") != DBNull.Value ? string.Format("{0:yyyy-MM-dd HH:mm}", Eval("Finish_Date")) : "" %>'></asp:Label> </ItemTemplate> <EditItemTemplate> <asp:TextBox ID="Finish_Date" runat="server" type="datetime-local" CssClass="form-control" Text='<%# Eval("Finish_Date") != DBNull.Value ? string.Format("{0:yyyy-MM-ddTHH:mm}", Eval("Finish_Date")) : "" %>'></asp:TextBox> </EditItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Support Date"> <ItemTemplate> <asp:Label ID="lblSupport_Date" runat="server" Text='<%# Bind("Support_Date") %>'></asp:Label> </ItemTemplate> <EditItemTemplate> <asp:TextBox ID="Support_Date" runat="server" Text='<%# Bind("Support_Date") %>' CssClass="form-control"></asp:TextBox> </EditItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Operation"> <ItemTemplate> <asp:LinkButton ID="lnkEdit" runat="server" CausesValidation="False" CommandName="Edit" Text="Edit" CssClass="btn-text-warning mr-3"></asp:LinkButton> <asp:Button ID="btnReturn" runat="server" Text="Delete" CssClass="btn-text-danger" CommandName="Return" CommandArgument='<%# Eval("Id") %>' /> </ItemTemplate> <EditItemTemplate> <asp:LinkButton ID="lnkUpdate" runat="server" CommandName="Update" Text="Update" CssClass="btn-text-warning mr-2"></asp:LinkButton> <asp:LinkButton ID="lnkCancel" runat="server" CausesValidation="False" CommandName="Cancel" Text="Cancel" CssClass="btn-text-warning mr-1"></asp:LinkButton> </EditItemTemplate> </asp:TemplateField> </Columns> </asp:GridView> </div> </asp:Panel> </div> </form> </body> </html>优化界面
最新发布
12-16
你的 HTML + ASP.NET WebForms 页面已经具备了完整的功能结构（标签页、搜索区、表格、表单控件等），但界面在 **可用性、美观度、响应式体验和交互逻辑** 上仍有较大优化空间。 --- ## ✅ 优化目标 | 目标 | ...
<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> ``` ##### 服务器端代码 ```...
asp 为html控件添加服务器端事件
优快云CRAB的博客
04-08 760
以 input 为例，为 input 设置属性为 runat="server" ，然后就可以为 input 设置 OnServerClick 属性： 后台方法为： protected void Button1_OnServerClick(object sender, EventArgs e) { throw new NotImplem
runat="server"
weixin_30802171的博客
07-05 386
加runat="server"表示该控件是服务器端控件，不加表示是客户端控件。 runat="server"直接回交服务器,处理数据,又以数据加密后的hidden属性的input控件插入回去,实现表单的状态保存ruant="server"表示这个控件是在服务器端运行的，说简单点就是你可以在.cs后台代码里引用到这个控件。 转载于:https://www.cnblogs.com/chuangyiy...
控件添加与不添加runat="server"的作用及区别
热门推荐
刘彬的编程技术博客
07-19 1万+
1.runat="server"的作用？ runat="server"是将ASPX中某个控件标识为服务器端的控件，使得服务端（CS）中可以直接访问它   2.runat="server"添加与不添加的区别？ （1）aspx运行时会被编译，其中没有runat="server"属性的html标签会被直接写入response,有runat="server"属性的html标签会转换成对应的Html...
Asp.net 在后台代码中给html中的input添加点击事件，以及获取input中的输入值
showadwalker的博客
04-10 7854
给input添加点击事件，获取input中输入的内容 在这里我添加了三个常用的input标签，它们的类型分别是text，submit，button。 如果我们想要在后台中为它们添加点击事件（也就是在 .cs文件中），就必须为它添加 runat=“server” 以及 onserverclick=“点击事件的名称”。 注意：是onserverclick不是onclick， 为onclick添...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值