且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

如何在Mvc4中以正确的格式并排获取标签和文本框

更新时间:2022-12-20 12:53:38

将代码放入div





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

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

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



//其余的代码





最后在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