zoukankan      html  css  js  c++  java
  • aspx页面中的html标签中的值传到aspx.cs文件中的方法

    在html中:name指的是用户名称,ID指的是用户注册是系统自动分配给用户的一个序列号。
     
    name是用来提交数据的,提供给表单用,可以重复;
     
    id则针对文档操作时候用,不能重复。如:document.getElementById();
     
    一、ID是在客户端脚本里用!NAME是用于获取提交表单的某表单域信息,在form里面,如果不指定Name的话,就不会发送到服务器端,所以有name属性的控件,必须指定name。
     
    二、以下元素input、select、form、frame、iframe用name,而以下元素table、tr、 td、div、p、span、h1、li用id,表单元素(form input textarea select)与框架元素(iframe frame)用 name,这些元素都与表单(框架元素作用于form的target)提交有关, 在表单的接收页面只接收有name的元素, 赋ID的元素通过表单是接收不到值的.
    当然上述元素也可以赋ID值, 赋ID值的时候引用这些元素的方法就要变一下了.
    赋 name: document.formName.inputName        document.frames("frameName")
    赋 ID    : document.all.inputID                      document.all.frameID
    只能赋ID不能赋name的元素:(除去与表单相关的元素都只能赋ID)
    body li a table tr td th p div span pre dl dt dd font b 等等
     
    举个简单的例子
    <form name="form1"> 
    
    用户名:<input type=text name="username" id="username"> 
    
    密码:<input type=password name="password" id="pwd"> 
    
    </form> 
    如果我要获得用户名和密码;JS用name获得的话,就得写成document.form1.username.value;
    document.form1.password.value;
    用id获得:
    docuement.getElementById("username");
    docuement.getElementById("pwd");
    有时候name 可能会出现相同的名字,所以这时候我们用name获得就无法确定获得的是哪个值了。
    document.getElemntsByName("username");
    这里得到的是一个数组
     
     
    document.getElementsByName(xxx); 取出的数组
    document.getElementById(xxx); 取出是单个对象
     
     
    还有需要注意的
     
    有些元素 比如 div 可以用 id名字直接得到对象
    <div id="div1"></div>
    div1.innerHTML = "asdfasdf";
     
    而表单元素 就不可以这样了
    只能用 document.getElementById(xx)
    三、Asp.net 页面.CS文件中获取html控件的值的方法
     
    Asp.net 页面.CS文件要想获得.aspx页面中的HTML控件的传值只能通过NAME属性来获得,代码例子如下;
    default.aspx:
     1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication2._Default" %>
     2 
     3 
     4 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     5 
     6 
     7 <html xmlns="http://www.w3.org/1999/xhtml">
     8 
     9 <head runat="server">
    10 
    11     <title></title>
    12 
    13 </head>
    14 
    15 <body>
    16 
    17     <form id="form1" runat="server">
    18 
    19     <div>
    20 
    21     <input type="text" name="jdw" id="ss" />
    22 
    23         <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
    24 
    25         <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
    26 
    27     </div>
    28 
    29     </form>
    30 
    31 </body>
    32 
    33 </html>

    default.aspx.cs:

     1 using System;
     2 
     3 using System.Collections.Generic;
     4 
     5 using System.Web;
     6 
     7 using System.Web.UI;
     8 
     9 using System.Web.UI.WebControls;
    10 
    11 using System.Text;
    12 
    13 
    14 namespace WebApplication2
    15 
    16 {
    17 
    18     public partial class _Default : System.Web.UI.Page
    19 
    20     {
    21 
    22         protected void Page_Load(object sender, EventArgs e)
    23 
    24         {
    25 
    26 
    27         }
    28 
    29 //点击按钮将HTML表单的值赋给label2
    30 
    31         protected void Button1_Click(object sender, EventArgs e)
    32 
    33         {
    34 
    35             string s=Request["jdw"];//只能通过NAME标识控件
    36 
    37             this.Label2.Text = s;
    38 
    39         }
    40 
    41     }
    42 } 
  • 相关阅读:
    变量的创建和初始化
    HDU 1114 Piggy-Bank (dp)
    HDU 1421 搬寝室 (dp)
    HDU 2059 龟兔赛跑 (dp)
    HDU 2571 命运 (dp)
    HDU 1574 RP问题 (dp)
    HDU 2577 How to Type (字符串处理)
    HDU 1422 重温世界杯 (dp)
    HDU 2191 珍惜现在,感恩生活 (dp)
    HH实习 acm算法部 1689
  • 原文地址:https://www.cnblogs.com/yinyakun/p/3234671.html
Copyright © 2011-2022 走看看