在此处输入图片说明

此表单的HTML代码(左侧)如下所示。

                    <div class="lp-element lp-pom-form" id="lp-pom-form-410">
                        <form action="#" method="POST">

                                <div class="lp-pom-form-field clearfix" id="container_name">
                                    <input type="text" id="name" name="name" class="text form_elem_name" placeholder="Name">
                                </div>

                                <div class="lp-pom-form-field clearfix" id="container_email">
                                    <input type="text" id="email" name="email" class="text form_elem_email" placeholder="Email">
                                </div>



                        </form>
                        <a class="lp-element lp-pom-button" id="lp-pom-button-411" href="#"><span class="label">GET MY DEMO</span></a>
                    </div>

我正在尝试将其转换为aspx,并将其后端代码转换为vb.net,如下所示。

                      <form id="form1" runat="server">

                            <asp:Panel runat="server" ID="uxForm">

                                <div class="lp-pom-form-field clearfix" id="container_name">

                                      <asp:TextBox ID="uxName" runat="server"  CssClass="text form_elem_name" placeholder="Name"    />

                                </div>
                                <div class="lp-pom-form-field clearfix" id="container_email">

                                    <asp:TextBox ID="uxEmail" runat="server" CssClass="text form_elem_email" placeholder="Email"  />
                                </div>


                        </asp:Panel>

                        </form>

问题是我无法将“获取演示”按钮转换为“ asp”按钮。

我尝试了以下方法:

<asp:LinkButton runat="server" ID="btnSave" CssClass="lp-element lp-pom-button"   Text="Get My Demo" />

但它就像图片一样变得不可见(右侧形式)

我也尝试过

    <a class="lp-element lp-pom-button" id="save" runat="server"><span class="label">GET MY DEMO</span></a>

但是然后按钮也变得不可见,并且得到我演示的文本在名称字段中,如第二张图片所示。

在此处输入图片说明

出了什么问题,我该如何纠正? 按钮不可见..即使没有CSS类

供您参考,我尚未创建vb.net代码。 这可能是问题吗?


的CSS

#lp-pom-button-411 {
  display:block;
  border-style:none;
  behavior:url(/PIE.htc);
  border-radius:9px;
  left:0px;
  top:251px;
  z-index:16;
  width:348px;
  height:50px;
  position:absolute;
  background-color:#f7941d;
  background:-webkit-linear-gradient(#fd494b,#fb2c2f);
  background:-moz-linear-gradient(#fd494b,#fb2c2f);
  background:-ms-linear-gradient(#fd494b,#fb2c2f);
  background:-o-linear-gradient(#fd494b,#fb2c2f);
  background:linear-gradient(#fd494b,#fb2c2f);
  box-shadow:inset 0px 1px 0px #ff9697,inset 0 -1px 2px #c72325;
  text-shadow:1px 1px #7a0404;
  -pie-background:linear-gradient(#fd494b,#fb2c2f);
  color:#fff;
  border-width:undefinedpx;
  border-color:#undefined;
  font-size:25px;
  line-height:30px;
  font-weight:bold;
  font-family:Raleway;
  text-align:center;
  background-repeat:no-repeat;
}


  .button{
    display: inline-block;
    padding: 17px 34px;
    border: 3px solid #fff;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    height: 52px;
    width: 123px;
    font-family: 'Lato', sans-serif;
    background: red;
    background: -webkit-linear-gradient(#fe4d4f, #fb2d2e);
    background: -o-linear-gradient(#fe4d4f, #fb2d2e);
    background: -moz-linear-gradient(#fe4d4f, #fb2d2e);
    background: linear-gradient(#fe4d4f, #fb2d2e);
    margin-left: 49px;
    text-shadow: #000000 1px 0px 1px;
  }
  .button:hover{
    background: red;
    background: -webkit-linear-gradient(#f13839, #ee2526);
    background: -o-linear-gradient(#f13839, #ee2526);
    background: -moz-linear-gradient(#f13839, #ee2526);
    background: linear-gradient(#f13839, #ee2526);
  }

图片3 在此处输入图片说明

===============>>#1 票数:1 已采纳

尝试这个:

<asp:LinkButton runat="server" ID="btnGetDemo" CssClass="lp-element lp-pom-button lp-pom-button-411"><span class="label">GET MY DEMO</span></asp:LinkButton> 

我的猜测是跨度上的“标签”类与此有关。

编辑:我更改了LinkBut​​ton标记,并确实将CSS更改为:

.lp-pom-button-411 {
 display:block;
 border-style:none;
 behavior:url(/PIE.htc);
 border-radius:9px;
 left:0px;
 top:251px;
 z-index:16;
 width:348px;
 height:50px;
 position:absolute;
 background-color:#f7941d;
 background:-webkit-linear-gradient(#fd494b,#fb2c2f);
 background:-moz-linear-gradient(#fd494b,#fb2c2f);
 background:-ms-linear-gradient(#fd494b,#fb2c2f);
 background:-o-linear-gradient(#fd494b,#fb2c2f);
 background:linear-gradient(#fd494b,#fb2c2f);
 box-shadow:inset 0px 1px 0px #ff9697,inset 0 -1px 2px #c72325;
 text-shadow:1px 1px #7a0404;
 -pie-background:linear-gradient(#fd494b,#fb2c2f);
 color:#fff;
 border-width:undefinedpx;
 border-color:#undefined;
 font-size:25px;
 line-height:30px;
 font-weight:bold;
 font-family:Raleway;
 text-align:center;
 background-repeat:no-repeat;
}

===============>>#2 票数:0

您不是创建按钮事件,请像这样创建按钮evetn并尝试:

<asp:button id="btnSave" runat="server" Text="Get My Demo" CssClass="lp-element lp-pom-button" onclick="btnSave_Click">

===============>>#3 票数:-1

用这个:

<form id="form1" runat="server">
    <asp:Panel runat="server" ID="uxForm">
        <div class="lp-pom-form-field clearfix" id="container_name">
            <asp:TextBox ID="uxName" runat="server" CssClass="text form_elem_name" placeholder="Name" />

        </div>
        <div class="lp-pom-form-field clearfix" id="container_email">

            <asp:TextBox ID="uxEmail" runat="server" CssClass="text form_elem_email" placeholder="Email" />
        </div>

        <asp:Button ID="btnSave" runat="server" Text="Get My Demo" CssClass="lp-element lp-pom-button" />

    </asp:Panel>


</form>

  ask by Bashabi translate from so

未解决问题?本站智能推荐:

1回复

使用nreco.genic将HTML转换为PDF时第一页空白

Nreco将我的html代码成功转换为pdf,但是它在pdf的第一页上创建了空白页,其中A4页面大小为5,字母大小为104。 我搜索了此问题,并测试了以下所有样式,但均不起作用。
2回复

将XML数据发布到aspx页面并从后面的代码重新定向到该页面

我需要将一些xml数据发布到另一个aspx页面,然后重定向到同一页面。 我尝试了以下代码,它确实成功地发布到了页面,但是我需要重定向到具有发布数据的同一页面 你们可以帮我吗? 预先感谢!!!
1回复

使用iTextSharp将HTML转换为PDF不支持阿拉伯语

我正在使用iTextSharp将HTML内容转换为PDF文件,但是当阿拉伯语的HTML内容是这样时,我遇到了一个问题: 那就是我的代码: divExport:
4回复

重新加载页面时,“文件上传”链接会清除,为什么?

我在VB.NET中使用ASP.net(2.0)。 我有一个用户注册表。 用户可以在该表格上提供所有联系方式,并且可以使用ASP.net中的常规文件上传控件上传图像。 这是我的问题。 如果页面上有任何问题,那么我会向用户显示一条错误消息,说明他遗漏了什么或出了什么问题。 但是页
2回复

如何在不单击回发的情况下重定向单击按钮的同一页面区域?

在单击按钮时,我希望用户被重定向到同一页面中的某些特定区域。 我知道可以通过使用锚标记来完成,但是不确定使用asp.button怎么可能。 在单击按钮时,我希望用户重定向到占位符。 请指导我如何执行此操作。 谢谢
4回复

我如何将一些.vb代码转换为asp.net的.CS代码

我有一个.CS文件,该文件使用SQL检索一些数据,并从.VB文件调用: 在我的ASP.NET文件中,我有一些文本框: 我的asp页面是Default.aspx ,帮助文件是Default.aspx.cs 。 如何将VB代码转换为CS,以便可以在帮助文件中使用它来更新这些ASP标
2回复

从保存在数据库中的字符串中删除HTML标签-ASP.NET

我正在使用ASP.NET 2.0和SQL Server 2005。 我在数据库中保存了一个值/字符串,例如............ 现在,我想解码/删除html标签并将其正确显示给用户,例如...。 测试1 测试2 我已经尝试过了,但是没有用! 我
1回复

在网页后面的代码中替换网页中的空格字符

我在替换Webform控件标签中的空白时遇到一些问题。 这是我的标签: 这是我想做的: 但是& C#/ vb.net无法将网页特殊字符识别为空格。 后面代码中收到的字符串看起来像“ TEXTA TEXTB”,即& 字符串未出现。 它看起来像一
3回复

在gridview中放置下载按钮

我有一个名为tblfiles的表,带有列 id是增量的,name是要上传的文件的名称,Content type告诉要上传的文件的类型,例如“ application / PDF”或“ application / ms-word”等,而data是Binary所在的位置数据正在存储。
2回复

通过HTML将图像从asp.net导出到excel

我一直试图将带有其他数据的图表导出到Excel文件中。 我希望将其导出为ex​​cel格式的HTML文件,因为现有报告已经以这种方式生成。 我试过简单地链接图像,但这依赖于图像在线以使其在excel中显示。 我还尝试将图像导出为嵌入式数据URI,但是excel不会解析它(文件在浏览器中