Label标签助手

原创 Laughing  2017-08-27 22:53  阅读 74 次 评论 0 条

Label标签助手也是比较常用的一个标签助手,可以通过Label标签助手实现html中的for属性

这里我们通过一个textarea实现简单的label标签助手的使用

首先我们先定义一个简单的DescriptionViewModel类

DescriptionViewModel类包含一个Description属性,用于实现texteare的绑定。

  1. using System.ComponentModel.DataAnnotations;  
  2.   
  3. namespace Razor.Models  
  4. {  
  5.     public class DescriptionViewModel  
  6.     {  
  7.         [MinLength(5)]  
  8.         [MaxLength(1024)]  
  9.         [Display(Name="描述")]  
  10.         public string Description { getset; }  
  11.     }  
  12. }  

index.cshtml调用

在index.cshtml中,我们首先引用模型,如下

  1. @model Razor.Models.DescriptionViewModel  

然后在页面使用方法如下:

  1. <form asp-controller="demo" asp-action="RegisterTextArea" method="post">  
  2.     <label asp-for="Description" class="label-contorl">首先显示这个</label><br/>  
  3.     <label asp-for="Description" class="label-contorl"></label>@*其次显示display值*@  
  4.     <textarea asp-for="Description" class="form-control"></textarea>  
  5.     <input type="submit" value="提交" class="btn btn-success"/>  
  6. </form>  
温馨提示

如果label标签中设置了值,则使用标签中的值,label中的值调用的士display属性中的name值,如果不存在,则调用属性的名称。

本文地址:https://www.lisen.me/the-label-tag-assistant.html
版权声明:本文为原创文章,版权归 木子网 所有,欢迎分享本文,转载请保留出处!

发表评论


表情