GVKun编程网logo

HTML label标签是什么意思?HTML label标签作用和属性的用法实例(html中label标签属性介绍)

3

本文将介绍HTMLlabel标签是什么意思?HTMLlabel标签作用和属性的用法实例的详细情况,特别是关于html中label标签属性介绍的相关信息。我们将通过案例分析、数据研究等多种方式,帮助您更

本文将介绍HTML label标签是什么意思?HTML label标签作用和属性的用法实例的详细情况,特别是关于html中label标签属性介绍的相关信息。我们将通过案例分析、数据研究等多种方式,帮助您更全面地了解这个主题,同时也将涉及一些关于ASP.NET MVC 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction、asp.net – Html.Partial vs Html.RenderPartial&Html.Action vs Html.RenderAction.任何人都可以描述不同之处、asp.net 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction、asp.net-mvc – Html.BeginForm()工作正常,Html.BeginForm(“action”,“controller”)忽略[AllowHtmlAttribute]的知识。

本文目录一览:

HTML label标签是什么意思?HTML label标签作用和属性的用法实例(html中label标签属性介绍)

HTML label标签是什么意思?HTML label标签作用和属性的用法实例(html中label标签属性介绍)

html label标签是什么意思?html label标签作用和属性你知道哪些?本篇文章为大家讲解了html label标签的定义和作用,还有html label标签的两种属性详解(附html label标签for属性的实例)

HTML label标签的定义和用法:

label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

立即学习“前端免费学习笔记(深入)”;

注释:"for" 属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。

HTML label标签的作用:

就是一个文本提示标签,不过在label标签中加入for属性可以与相应的选项框进行捆绑,也就是说,在这种情况下你点击这个文本框就会活的点击选项框的效果。

例子:

<lable>男</lable>
<input>
登录后复制

就是鼠标点击"男"时,自动选择后边的文本框进行输入

HTML label标签的属性:

tuyi.png

其实主要是 Label 中有两个属性是非常有用的,一个是FOR、另外一个就是ACCESSKEY了。

HTML label标签中的FOR属性:

功能:表示Label标签要绑定的HTML元素,你点击这个标签的时候,所绑定的元素将获取焦点。

用法:

HTML label标签中的ACCESSKEY属性:

功能:表示访问Label标签所绑定的元素的热键,当您按下热键,所绑定的元素将获取焦点。

用法:

局限性:accessKey属性所设置的快捷键不能与浏览器的快捷键冲突,否则将优先激活浏览器的快捷键。

注意:要将 LABEL 绑定到其它的控件,请将 LABEL 元素的 FOR 属性设置为与该控件的 ID 相同。将 LABEL 绑定到控件的 NAME 属性毫无用处。但是,要提交表单,你必须为 LABEL 元素所绑定到的控件指定NAME。

HTML

这有实例:

带有两个输入字段和相关标记的简单 HTML 表单:

<form>
  <label for="male">Male</label>
  <input type="radio" name="sex" id="male" />
  <br />
  <label for="female">Female</label>
  <input type="radio" name="sex" id="female" />
</form>
登录后复制

HTML

for 属性规定 label 与哪个表单元素绑定。

隐式和显式的联系

标记通常以下面两种方式中的一种来和表单控件相联系:将表单控件作为标记标签的内容,这样的就是隐式形式,或者为

例如,在 XHTML 中:

显式的联系:

<label for="SSN">Social Security Number:</label>
<input type="text" name="SocSecNum" id="SSN" />
登录后复制

隐式的联系:

<label>Date of Birth: <input type="text" name="DofB" /></label>
登录后复制

第一个标记是以显式形式将文本 "Social Security Number:" 和表单的社会安全号码的文本输入控件 ("SocSecNum") 联系起来,它的 for 属性的值和控件的 id 一样,都是 SSN。第二个标记 ("Date of Birth:") 不需要 for 属性,它的相关控件也不需要 id 属性,它们是通过在

浏览器支持:

所有主流浏览器都支持 for 属性。

Safari 2 或更早的版本不支持 for 属性。

HTML

<label for="value">
登录后复制

HTML

element_id:label要绑定的元素的id.

【相关推荐】

html textarea是什么意思?如何获取textarea标签中的换行符和空格?

标签是什么意思?HTML5标签的基本用法详解">HTML5标签是什么意思?HTML5标签的基本用法详解

以上就是HTML label标签是什么意思?HTML label标签作用和属性的用法实例的详细内容,更多请关注php中文网其它相关文章!

ASP.NET MVC 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction

ASP.NET MVC 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction

1.Action、RenderAction加载办法的视图,履行Controller → Model → View的次序,然后把产生的页面带回到本来的View中再回传。而Partial、RenderPartial直接加载视图文件内容

2.Html.Partial可以直接供给用户控件名作为参数,而Html.Action须要有对应的Action,在Action内部返回PartailResult(即retun PartialView())。

3.对于简单的没有任何逻辑的用户控件,推荐应用Html.Partial;对于须要设置一些Model的用户控件,推荐应用Html.Action。当然,有Model数据也是可以应用Html.Partial办法的,可以看办法的重载。

4.Html.Partial与Html.Action有啥区别呢?区别就是,Html.Partial只有一个视图,而Html.Action除了视图,还真的有个Action跟它对应,所以,Html.Action功能比Html.Partial要强。

 

如何调用这个Html.Partial

 //1、以视图名使用当前文件夹下的视图(如果没有找到,则搜索 Shared 文件夹)
@Html.Partial( "_test" //加载对应文件 /Views/Product/_test.cshtml
 
//2、依据应用根路径定位视图// 以 "/" 或 "~/" 开头的路径代表应用根路径
@Html.Partial( "~/Views/Product/_test.cshtml" )
@Html.Partial( "/Views/Product/_test2.cshtml" )
 
//3、加载其他目录的 视图文件
//注意:需要复制views中的web.config 到template目录,否则会提示  "/template/A.cshtml”处的视图必须派生自 WebViewPage 或 WebViewPage<TModel>"
@Html.Partial( "/template/A.cshtml" )

asp.net – Html.Partial vs Html.RenderPartial&Html.Action vs Html.RenderAction.任何人都可以描述不同之处

asp.net – Html.Partial vs Html.RenderPartial&Html.Action vs Html.RenderAction.任何人都可以描述不同之处

在ASP.NET MVC中,有什么区别:

Html.Partial and Html.RenderPartial
Html.Action and Html.RenderAction

解决方法

Html.Action调用控制器的动作,这意味着它实例化控制器实体,调用动作方法,构建模型并返回视图结果.

Html.Partial使用已创建的模型(或者可以在没有模型的情况下调用)来渲染指定的视图.

何时使用一个而不是另一个?如果您已有模型并且只想拥有可重复使用的视图,请选择Html.Partial.如果你看到某个部分值得拥有自己的模型和动作,那么使用Html.Action可能是有意义的.

这个问题在this article中有更详细的讨论,你在上面看到的基本上是它的摘录.

asp.net 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction

asp.net 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction

1、带有Render的方法返回值是void,在方法内部进行输出;不带的返回值类型为MvcHtmlString,所以只能这样使用:

     @Html.Partial 对应 @{Html.RenderPartial(....);}@Html.Action 对应 @{Html.RenderAction(....);}

2、Html.Partial可以直接提供用户控件名作为参数,

    而Html.Action需要有对应的Action,在Action内部返回PartailResult(即retun PartialView())。

3、对于简单的没有任何逻辑的用户控件,推荐使用Html.Partial;对于需要设置一些Model的用户控件,推荐使用Html.Action。当然,有         Model数据也是可以使用Html.Partial方法的,可以看方法的重载。

4、使用Html.Action有个好处,就是可以根据不同的场景选择不同的用户控件。比如:@Html.Action("UserInfoControl")在对应的    UserInfoControl这个Action中,在用户未登录的时候,可以retun PartialView("LogOnUserControl");登录后,可以retun  PartialView("UserInfoControl");

asp.net-mvc – Html.BeginForm()工作正常,Html.BeginForm(“action”,“controller”)忽略[AllowHtmlAttribute]

asp.net-mvc – Html.BeginForm()工作正常,Html.BeginForm(“action”,“controller”)忽略[AllowHtmlAttribute]

我在我的网站的管理面板上使用 TinyMCE editor,所以我用[AllowHtml]装饰模型属性(tinymce的目标),并在视图中使用Html.BeginForm().当我提交带有HTML字段的表单时,一切正常.

但是我有一个问题,如果我以相同的方式使用重载Html.BeginForm(“action”,“controller”),它会跳过[AllowHtml]并抛出众所周知的Request.form异常.
我被迫在Action-Method上使用[ValidateInput(false)]来使它无异常地工作.
你知道为什么吗?在此先感谢您的澄清,

这是方案/项目:Asp.net Mvc 4:

型号/ Ricetta.cs

..
[required(ErrorMessage = "Corpo Articolo vuoto")]
[AllowHtml]
public string corpoTesto { get; set; }
..

Controller / RicetteController.cs

..
    [HttpPost]
    [ValidateAntiForgeryToken]
    public ActionResult Create(Ricettaviewmodel modelloRicetta)
    {
        if (ModelState.IsValid) {
..

查看Ricette / Create从RicetteController中的另一个Action方法调用为View(“Create”,modelObject)

@model WebAPP_MVC4.Areas.Admin.Models.Ricettaviewmodel
 ...
 @using (Html.BeginForm("Create","Ricette",FormMethod.Post)){
 @Html.AntiForgeryToken()
 @Html.ValidationSummary(true)

....

<fieldset>
    <legend>Corpo Ricetta ~</legend>
    <div>
        @Html.LabelFor(p=>p.ricetta.corpoTesto)
    </div>
    <div>
        @Html.TextAreaFor(p=>p.ricetta.corpoTesto,new { @cols = 60,@rows = 20})
        @Html.ValidationMessageFor(p=>p.ricetta.corpoTesto)
    </div>
 </fieldset>
..

解决方法

我做了快速测试,一切正常,Html.BeginForm()和Html.BeginForm(“action”,“controller”)之间的行为没有区别.也许这个问题的原因在于您没有向我们展示的源代码.

在我的代码(工作)下面:
VieModel:

public class Postviewmodel
{
    [AllowHtml]
    [required]
    public string Content { get; set; } 
}

控制器:

public ActionResult Index()
{
    return View("Create",new Postviewmodel());
}

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Create(Postviewmodel model)
{
    if (ModelState.IsValid)
    {
        return Index();
    }
    return View(model);
}

视图:

@model SendHTmlTpControler.Models.Postviewmodel

<html>
<head>
    <script src="~/Scripts/tinymce/tiny_mce.js"></script>

    <script type="text/javascript">
        tinymce.init({
            selector: "textarea",toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
        });
    </script>
</head>
<body>
    <h2>Create</h2>

    @using (Html.BeginForm("Create","Home",FormMethod.Post))
    {
        @Html.AntiForgeryToken()
        @Html.ValidationSummary(true)

        <div>
            @Html.LabelFor(model => model.Content)
        </div>
        <div>
            @Html.TextAreaFor(model => model.Content,@rows = 20 })
            @Html.ValidationMessageFor(model => model.Content)
        </div>

        <p>
            <input type="submit" value="Save" />
        </p>
    }

</body>
</html>

关于HTML label标签是什么意思?HTML label标签作用和属性的用法实例html中label标签属性介绍的问题我们已经讲解完毕,感谢您的阅读,如果还想了解更多关于ASP.NET MVC 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction、asp.net – Html.Partial vs Html.RenderPartial&Html.Action vs Html.RenderAction.任何人都可以描述不同之处、asp.net 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction、asp.net-mvc – Html.BeginForm()工作正常,Html.BeginForm(“action”,“controller”)忽略[AllowHtmlAttribute]等相关内容,可以在本站寻找。

本文标签: