.net @Html.TextBox 隐藏
时间: 2023-08-14 15:08:25 浏览: 56
要隐藏一个 .NET MVC 中的 @Html.TextBox,你可以在 Razor 视图中使用 CSS 样式来控制该文本框的显示。在 CSS 样式中,你可以使用 display:none 属性来隐藏该元素,如下所示:
```
@Html.TextBox("textBox1", null, new { style = "display:none;" })
```
这将生成一个隐藏的文本框。当需要显示该文本框时,你可以使用 JavaScript 来更改其样式属性,如下所示:
```
document.getElementById("textBox1").style.display = "block";
```
当你需要再次将其隐藏时,可以将样式属性更改为 display:none。
相关问题
<html> <head> <title></title> </head> <body> <h1>登录页面</h1> @using (Html.BeginForm("SignIn", "Part3", FormMethod.Post, new { id = "MyForm", name = "MyForm" })) { <p>用户名:@Html.TextBox("userName","",new{onblur="CheckUserName()",placeholder="请输入您的账号"})</p> <p>密码:@Html.TextBox("password","",new{onblur="CheckPassword()",placeholder="请输入您的密码"})</p> <input type="button" class="btn-success" value="登录" /> } </body> </html>
这是一个HTML代码片段,用于创建一个简单的登录页面。其中:
- `<head>` 标签中的 `<title>` 标签用于定义页面的标题;
- `<body>` 标签中的 `<h1>` 标签用于定义页面的标题;
- `@using` 语句用于定义一个表单,并指定表单要提交到的控制器和动作;
- `Html.TextBox()` 方法用于创建文本框,第一个参数是文本框的名称,第二个参数是文本框的默认值,第三个参数是一个匿名对象,用于指定文本框的属性,例如 `onblur` 用于指定在文本框失去焦点时要执行的 JavaScript 函数,`placeholder` 用于指定文本框的占位文本;
- `<input>` 标签用于创建一个提交按钮,`type` 属性指定按钮的类型为“button”,`class` 属性指定按钮的样式为“btn-success”,`value` 属性指定按钮的文本为“登录”。
此外,代码片段中还有两个 JavaScript 函数 `CheckUserName()` 和 `CheckPassword()`,用于验证用户名和密码是否符合要求。
<html> <head> <title></title> </head> <body> <h1>登录页面</h1> @using (Html.BeginForm("SignIn", "Part3", FormMethod.Post, new { id = "MyForm", name = "MyForm" })) { <p>用户名:@Html.TextBox("userName","",new{onblur="CheckUserName()",placeholder="请输入您的账号"})</p> <p>密码:@Html.TextBox("password","",new{onblur="CheckPassword()",placeholder="请输入您的密码"})</p> <input type="button" class="btn-success" value="登录" /> } </body> </html>
这是一个HTML页面,包含一个登录表单。表单使用了ASP.NET MVC的语法,通过Html.BeginForm方法生成。表单的目标控制器为Part3中的SignIn方法,提交方式为POST。表单包含一个用户名输入框和一个密码输入框,以及一个登录按钮。在用户名输入框和密码输入框中,都有一个onblur事件,分别调用了CheckUserName和CheckPassword方法。同时,用户名输入框和密码输入框都有一个placeholder属性,用于在输入框中显示提示信息。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)