一、知识点:
1.name是用来提交数据的,提供给表单用,可以重复;
2.id则针对文档操作时候用,不能重复。如:document.getElementById();
document.getElementsByName(xxx); 取出的数组
document.getElementById(xxx); 取出是单个对象
3.ID是在客户端脚本里用!NAME是用于获取提交表单的某表单域信息,在form里面,如果不指定Name的话,就不会发送到服务器端,所以有name属性的控件,必须指定name。 4.1 以下元素input、select、form、frame、iframe用name,
4.2 以下元素table、tr、 td、div、p、span、h1、li用id,
4.3 表单元素(form input textarea select)与框架元素(iframe frame)用 name,这些元素都与表单(框架元素作用于form的target)提交有关, 在表单的接收页面只接收有name的元素, 赋ID的元素通过表单是接收不到值的. 4.4 当然上述元素也可以赋ID值, 赋ID值的时候引用这些元素的方法就要变一下了. 赋 name: document.formName.inputName document.frames(“frameName”) 赋 ID : document.all.inputID document.all.frameID 4.5 只能赋ID不能赋name的元素除去与表单相关的元素都只能赋ID) body li a table tr td th p div span pre dl dt dd font b 等等。
二、实例:
- //default.aspx 界面代码
- <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebTest1._Default" %>
- <!DOCTYPE html>
- <head runat="server">
- <title></title>
- </head>
- <body>
- <form id="form1" runat="server"> //作为服务器控件运行
- <div>
- <input type="text" name="userName" id="aa" /> //name标识控件
- <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
- <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
- </div>
- </form>
- </body>
- </html>
复制代码- //default.aspx.cs 界面代码
- using System;
- using System.Collections.Generic;
- using System.Web;
- using System.Web.UI;
- using System.Web.UI.WebControls;
- using System.Text;
- namespace WebTest1
- {
- public partial class _Default : System.Web.UI.Page
- {
- protected void Page_Load(object sender, EventArgs e)
- {
- }
- //点击按钮将HTML表单的值赋给label2
- protected void Button1_Click(object sender, EventArgs e)
- {
- string s=Request["userName"];//只能通过NAME标识控件
- this.Label2.Text = aa;
- }
- }
- }
复制代码- <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebTest1._Default" %>
- <!DOCTYPE html>
- <head runat="server">
- <title></title>
- </head>
- <body>
- <form id="form1" runat="server"> //作为服务器控件运行
- <div>
- <input type="text" name="userName" id="aa" /> //name标识控件
- <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
- <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
- </div>
- </form>
- </body>
- </html>
复制代码- //default.aspx.cs 界面代码
- using System;
- using System.Collections.Generic;
- using System.Web;
- using System.Web.UI;
- using System.Web.UI.WebControls;
- using System.Text;
- namespace WebTest1
- {
- public partial class _Default : System.Web.UI.Page
- {
- protected void Page_Load(object sender, EventArgs e)
- {
- }
- //点击按钮将HTML表单的值赋给label2
- protected void Button1_Click(object sender, EventArgs e)
- {
- string s=Request["userName"];//只能通过NAME标识控件
- this.Label2.Text = aa;
- }
- }
- }
复制代码
小结:知识在于积累!
来源:https://blog.csdn.net/ght886/article/details/78934671 免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作! |