如何在Mvc4中以正确的格式并排获取标签和文本框 [英] How to get labels and textboxs side by side in correct format in Mvc4

问题描述

这是我的代码

@ Html.LabelFor（u => u.CompanyName）

@Html。 TextBoxFor（u => u.CompanyName）

@ Html.ValidationMessageFor（u => u.CompanyName）

@ Html.LabelFor（u => u.Address1）

@ Html.TextBoxFor（u => u.Address1）

@ Html.ValidationMessageFor（u => u.Address1）

@ Html.LabelFor（u => u.Adderss2）

@ Html.TextBoxFor（u => u.Adderss2）

@ Html.ValidationMessageFor（u => u.Adderss2）

@ Html.LabelFor（u => u.City）

@ Html.Te xtBoxFor（u => u.City）

@ Html.ValidationMessageFor（u => u.City）

@ Html.LabelFor（u => u.State）

@ Html.TextBoxFor（u => u.State ）

@ Html.ValidationMessageFor（u => u.State）

@ Html.LabelFor（u => u.Country）

@ Html.TextBoxFor（u => u.Country）

@ Html.ValidationMessageFor（u => u.Country）

@ Html.LabelFor（u => u.ContactPerson）

@ Html.TextBoxFor（u => u.ContactPerson）

@ Html.ValidationMessageFor（u => u.ContactPerson）

这里的标签和文本框在mvc中没有按照正确的顺序排列（asp.net中的表格格式）根据它们的大小，它们并排调整.. plz你可以建议我如何调整边所有标签和文本框的正确方式

解决方案

将代码放入div

@ Html.LabelFor（u => u.CompanyName）

@ Html.TextBoxFor（u => u.CompanyName）

@ Html.ValidationMessageFor（u => u.CompanyName）

//其余的代码

< pre lang =xml>最后在html页面中添加样式标签

< style >
#alignform label {
width：300px; //根据内容调整自己
display：inline-block;
}
< / style >

嗨Karthik，



相同的表格标签也适用于MVC，你可以像下面这样使用

< -table> 
< -tr> 
< -td> 
 @ Html.LabelFor（u => u.CompanyName）
<  -  / td> 
< -td> 
 @ Html.TextBoxFor（u => u.CompanyName）
 @ Html.ValidationMessageFor（u => u.CompanyName）
<  -  / td> 
< -tr> ......<  -  / tr> 
<  -  / table> 

只需删除 - 在标签< -tagname>中添加，因为它会在这里自动转换为html。



希望这会对你有所帮助。



问候，

RK

Here is my code

@Html.LabelFor(u => u.CompanyName)
@Html.TextBoxFor(u => u.CompanyName)
@Html.ValidationMessageFor(u => u.CompanyName)

@Html.LabelFor(u => u.Address1)
@Html.TextBoxFor(u => u.Address1)
@Html.ValidationMessageFor(u => u.Address1)

@Html.LabelFor(u => u.Adderss2)
@Html.TextBoxFor(u => u.Adderss2)
@Html.ValidationMessageFor(u => u.Adderss2)

@Html.LabelFor(u => u.City)
@Html.TextBoxFor(u => u.City)
@Html.ValidationMessageFor(u => u.City)

@Html.LabelFor(u => u.State)
@Html.TextBoxFor(u => u.State)
@Html.ValidationMessageFor(u => u.State)

@Html.LabelFor(u => u.Country)
@Html.TextBoxFor(u => u.Country)
@Html.ValidationMessageFor(u => u.Country)

@Html.LabelFor(u => u.ContactPerson)
@Html.TextBoxFor(u => u.ContactPerson)
@Html.ValidationMessageFor(u => u.ContactPerson)

Here labels and textboxs are not coming in proper order in mvc like (table format in asp.net) Based on their sizes they are adjusting side by side .. plz can u suggest me how we can adjust side by side all labels and textboxs in proper way

解决方案

put code in div

@Html.LabelFor(u => u.CompanyName)
@Html.TextBoxFor(u => u.CompanyName)
@Html.ValidationMessageFor(u => u.CompanyName)

// rest of your code

Finally add style tags in html page

<style>
    #alignform label {
        width: 300px; //adjust yourself according to contents
        display:inline-block;
    }
</style>

Hi Karthik,



Same Table tag is applicable in MVC also, you can use it like below

<-table>
<-tr>
<-td>
@Html.LabelFor(u => u.CompanyName)
<-/td>
<-td>
@Html.TextBoxFor(u => u.CompanyName)
@Html.ValidationMessageFor(u => u.CompanyName)
<-/td>
<-tr> ... <-/tr>
<-/table>


Just remove - in tag <-tagname>, added here since it will be automatically converted to html here.



Hope this helps you a bit.



Regards,

RK


                        
这篇关于如何在Mvc4中以正确的格式并排获取标签和文本框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！