我如何设计具有用户登录控件的母版页？内容页面也可用于从用户那里获取输入？ [英] How I Can Design Master Page That Have Login Control For User To Login ? And Content Page Can Also Use To Take Input From User?

问题描述

我正在使用导航栏的母版认为它可用于所有页面，导航栏有一些带登录的菜单，显然有两个文本框和1个按钮控制元素，形式为runat =server。





在内容页面中我将使用表单runat =server它将不允许使用因为我已经在母版页中使用了它。



然后我如何在内容页面中使用文本框，复选框和所有其他控件？

所有这些控件都不起作用，因为所有这些都需要输入，并且必须放在表单下。



在内容页面中如果有要求提交用户评论我怎么样可以做到这一点，还有一些功能。



我能做什么或如何设计母版？

i am using master page with navigation bar thinking it will available to all pages, navigation bar have some menus with login that obviously have 2 textbox and 1 button control element under form runat="server".


in content page when i will use form runat="server" it will not allow to use because i have already used it in master page.

then how i can use textbox ,checkbox and all other controls in content page ?
all these controls will not work because all these will take input and it is necessary to place under form.

in content page if there is requirement to submit user comment how i can do this and also some more feature.

what i can do or how i can design master page ?

推荐答案

似乎您不了解母版页和内容页工作流程。如果你想在你的内容页面上设计任何东西，那么你设计其他页面就很简单。

下面我在内容页面放了一个文本框。

Seems you are not aware of the master page and the content page work flow. If you want to design anything on your content page it is simple as you are designing other pages.
Below i have placed a textbox in the content page.

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="testPage.aspx.cs" Inherits="testPage" %>

<asp:content id="Content1" contentplaceholderid="HeadContent" runat="Server">

</asp:content>
<asp:content id="Content2" contentplaceholderid="MainContent" runat="Server">
  <asp:textbox id="txtID" runat="server"></asp:textbox>
</asp:content>

希望它可以帮助你：）

hope it helps you :)

在母版页中已经定义了表格标签。



当您在母版页中使用任何内容页面时，中的所有内容/控件>内容页面自动包装在母版页表格标签下。



怀疑!!! 查看在浏览器上呈现的源HTML ，看看所有内容都在一个表单下，这是您定义的母版页中的表单。

There is already form tag defined in Master Page.

When you use any Content Page inside the Master Page, all the Contents/Controls inside the Content Page are automatically wrapped under the Master Page form tag.

Doubts !!! See the Source HTML rendered on Browser and see everything is under one form and that is the form inside the Master Page, you defined.

[这里是正确的视图，在评论中有很多东西被隐藏]

是的你的答案似乎是正确的但这不是解决我的问题，在主页导航栏m用户登录羚牛。这是我的源代码html





<％@ Master Language =C＃AutoEventWireup =trueCodeBehind =usermaster.master .csInherits =Society.usermaster％>



<！DOCTYPE html>

< html xmlns =http ：//www.w3.org/1999/xhtml>

< head runat =server>

< title> Bootstrap网站< / title> ;

< meta name =viewportcontent =width = device-width，initial-scale = 1.0/>

< link rel =stylesheet type =text / csshref =Styles / bootstrap.css/>

< link rel =stylesheettype =text / csshref =样式/风格。 css/>



< asp：ContentPlaceHolder ID =headrunat =server>



< / asp：ContentPlaceHolder>

< / head>

< body>

<％ - 开始导航栏 - ％>

< nav class =navbar navbar-inverse navbar-static-toprole =navigation>

< div class =container>

< a href =＃class =navbar-brand> Tarun Company< / a>

< button class =navbar-toggledata-toggle =collapsedata-target =。navHeaderCollapse>

< span class =icon-bar> ;< / span>

< span class =icon-bar>< / span>

< span class =icon-bar> ;< / span>

< / button>

< div class =collapse navbar-collapse navHeaderCollapse>

< ; ul class =nav navbar-nav navbar-right>

< li class =active>< a href =＃> Home< / a>< / li>

< li class =dropdown>

< a href =＃class =dropdown-toggledata-toggle =dropdown >社交< b class =caret>< / b>< / a>

< ul class =dropdown-menu>

< li>< a href =＃> Facebook< / a>< / li>

< li>< a href =＃> Twitter< / a>< / li>

< li>< a href =＃> Hi5< / a>< / li>

< / ul>

< / li>

< li>< a href =＃>博客< / a>< / li>

< li>< a href =＃>联系< / a>< / li>



<！ - 开始下拉菜单登录菜单控制 - >



< li class =dropdownid =menuLogin1>

< a class =dropdown-togglehref =＃data-toggle =dropdownid =navLogin1>登录菜单< ; / a>

< div class =dropdown-menustyle =padding：10px;>



< form class =form-horizo​​ntalrole =formid =loginformrunat =server>

< ; div class =form-group>

< div class =col-sm-10>

< asp：TextBox class =form -controlID =txtemailidrunat =serverplaceholder =Email ID>< / asp：TextBox>

< / div>

< ; / div>

< div class =form-group>

< div class =col-sm-10>

< asp：TextBox class =form-controlID =txtpasswordrunat =serverplaceholder =Password>< / asp：TextBox>

< / div>

< / div>

< div class =form-group>

< div class =col-sm-10>

< asp： Button class =btn btn-primary btn-block pull-rightID =btnSubmitrunat =serverText =登录/>

< br />

< br />

< a href =＃class =col-ms-4 pull-right>忘记密码？< / a>

< / div>

< / div>

< / form>

< / div>

< / li>

<！ - 下拉菜单登录菜单控制结束 - >

< / ul>

< / div>

< / div>

< / nav>

<％ - 导航栏结束 - ％>

<部分>

< div class =container>

< form id =mainsecformrunat =server>

< asp：ContentPlaceHolder ID =mainsectionrunat =server>



< / asp：ContentPlaceHolder>

< ; / form>

< / div>

< / section>





< footer class =navbar navbar-default navbar-fixed-bottom>

< div class =container>

< p class =navbar-text pull-left>& copy; Tarun Jaiswal< / p>

< a href =https://www.twitter.com/TarunJaiswatarget =_ blankclass =navbar-btn btn btn-success pull-right >关注我< / a>

< / div>

< / footer>





<！ - < script src =// ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js\"></script> ;>< / script> - >

< script type =text / javascriptsrc =Scripts / jquery-2.1.0.min.js>< / script>

< script type =text / javascriptsrc =Scripts / bootstrap.min.js>< / script>

< /身体>

< / html>





根据这个你可以建议我在哪里以及如何我可以用？

[here it is in proper view ,there in comment many thing gets hidden]
yes your answer seems to be correct but this is not what solve my issue , in master pages navigation bar m takin login from user. this is my source html


<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="usermaster.master.cs" Inherits="Society.usermaster" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Bootstrap Website</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="Styles/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="Styles/style.css" />

<asp:ContentPlaceHolder ID="head" runat="server">

</asp:ContentPlaceHolder>
</head>
<body>
<%--Start of navigation bar--%>
<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
<div class="container">
<a href="#" class="navbar-brand">Tarun Company</a>
<button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Home</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Social <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Facebook</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">Hi5</a></li>
</ul>
</li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>

<!--Start of dropdown menu login menu control -->

<li class="dropdown" id="menuLogin1">
<a class="dropdown-toggle" href="#" data-toggle="dropdown" id="navLogin1">Login Menu</a>
<div class="dropdown-menu" style="padding: 10px;">

<form class="form-horizontal" role="form" id="loginform" runat="server">
<div class="form-group">
<div class="col-sm-10">
<asp:TextBox class="form-control" ID="txtemailid" runat="server" placeholder="Email ID"></asp:TextBox>
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
<asp:TextBox class="form-control" ID="txtpassword" runat="server" placeholder="Password"></asp:TextBox>
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
<asp:Button class="btn btn-primary btn-block pull-right" ID="btnSubmit" runat="server" Text="Sign in" />
<br />
<br />
<a href="#" class="col-ms-4 pull-right">forget password ?</a>
</div>
</div>
</form>
</div>
</li>
<!-- End of dropdown menu login menu control -->
</ul>
</div>
</div>
</nav>
<%--End of navigation bar--%>
<section>
<div class="container">
<form id="mainsecform" runat="server">
<asp:ContentPlaceHolder ID="mainsection" runat="server">

</asp:ContentPlaceHolder>
</form>
</div>
</section>


<footer class="navbar navbar-default navbar-fixed-bottom ">
<div class="container">
<p class="navbar-text pull-left">&copy; Tarun Jaiswal</p>
<a href="https://www.twitter.com/TarunJaiswa" target="_blank" class="navbar-btn btn btn-success pull-right">follow me</a>
</div>
</footer>


<!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>"></script> -->
<script type="text/javascript" src="Scripts/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="Scripts/bootstrap.min.js"></script>
</body>
</html>


according to this can you suggest me where and how i can use ?

这篇关于我如何设计具有用户登录控件的母版页？内容页面也可用于从用户那里获取输入？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！