Question

How may I create a strongly-typed label with HTML content inside in MVC3?

<label for="nnn"><input type="checkbox" id="nnn" />Herp</label>

I have checked the code in the w3c validator and it seems to be valid, is there a way to do it?

Thanks.

Answer 1

You could use a custom HTML helper with TagBuilder.

Something like this (untested);

public static MvcHtmlString LabelCheckBoxFor<TModel>(
   this HtmlHelper<TModel> htmlHelper, 
   Expression<Func<TModel,bool>> expression,
   string text)
{
   var labelTag = new TagBuilder("label");
   labelTag.MergeAttribute("for", "nnn"); 
   labelTag.InnerHtml = htmlHelper.CheckBoxFor(expression) + text;
   return labelTag.ToString(TagRenderMode.SelfClosing);
}

Might not be 100% but you get the idea. I’m not sure how to pull the “for” value out of the model. You might need FromLambdaExpression, or another parameter.

And use it like this:

@Html.LabelCheckBoxFor(model => model.SomeField, "Herp")