आप एएसपी.नेट एमवीसी में एचटीएमएल हेल्पर टेक्स्टबॉक्स की चौड़ाई कैसे सेट करते हैं?

Question

कुछ उदाहरण मैंने पाया कि जाहिरा तौर पर MVC के पुराने संस्करणों के साथ काम किया सुझाव है प्रकार की लंबाई पैरामीटर नहीं था:

<%=Html.TextBox("test", 50)%> 

लेकिन वह गलती से हो सकता है मान सेट।

यह वर्तमान रिलीज में कैसे काम करता है? शैली में गुजरने का कोई प्रभाव नहीं दिखता है।

Answer 1

मूल जवाब नहीं रह गया है लिखा के रूप में काम कर रहा है: उसकी टेक्स्ट सामग्री के रूप में:

<%=Html.TextBox("test", new { style="width:50px" })%> 

आप "{शैली =" के साथ एक पाठ बॉक्स मिल जाएगा 50px चौड़ाई "}"।

MVC 1.0 की वर्तमान रिहाई के लिए इस जमाने के लिए, निम्न स्क्रिप्ट का उपयोग (दूसरा पैरामीटर के अलावा ध्यान दें - मैं मेरा रूप खाली शुरू कर दिया है, उसके अनुसार अपनी आवश्यकताओं के आधार पर समायोजित):

<%=Html.TextBox("test", "", new { style="width:50px" })%> 

Answer 2

कुछ इस तरह काम करना चाहिए:

<%=Html.TextBox("test", new { style="width:50px" })%> 

या बेहतर:

<%=Html.TextBox("test")%> 

<style type="text/css"> 
    input[type="text"] { width:50px; }  
</style> 

Answer 3

लंबाई पैरामीटर का उपयोग न करें, क्योंकि यह सभी ब्राउज़रों के साथ काम नहीं करेगा। इनपुट टैग पर शैली सेट करना सबसे अच्छा तरीका है।

<input style="width:100px" /> 

Answer 4

यह आप HtmlAttributes का उपयोग करने के लिए, लेकिन वहाँ एक कमी है: HtmlAttributes and css class।

आप इस तरह इसे परिभाषित कर सकते हैं:

new { Attrubute="Value", AttributeTwo = IntegerValue, @class="className" }; 

और यहाँ एक और अधिक यथार्थवादी उदाहरण है:

new { style="width:50px" }; 
new { style="width:50px", maxsize = 50 }; 
new {size=30, @class="required"} 

और अंत में:

MVC 1

<%= Html.TextBox("test", new { style="width:50px" }) %> 

एमवीसी 2

<%= Html.TextBox("test", null, new { style="width:50px" }) %> 

MVC 3

@Html.TextBox("test", null, new { style="width:50px" }) 

Answer 5

नए {शैली = "चौड़ाई: 50px", MAXSIZE = 50};

होना चाहिए

नए {शैली = "चौड़ाई: 50px", maxlength = 50};

Answer 6

I -strongly- अपने एचटीएमएलहेल्पर बनाने की सलाह देते हैं। मुझे लगता है कि एपीएसएक्स कोड अधिक पठनीय, भरोसेमंद और टिकाऊ होगा।

लिंक का पालन करें; http://msdn.microsoft.com/en-us/library/system.web.mvc.htmlhelper.aspx

Answer 7

MVC 3 के लिए मेरे असली नमूना यहाँ है:

<% using (Html.BeginForm()) { %> 

<p> 

Start Date: <%: Html.TextBox("datepicker1", DateTime.Now.ToString("MM/dd/yyyy"), new { style = "width:80px;", maxlength = 10 })%> 

End Date: <%: Html.TextBox("datepicker2", DateTime.Now.ToString("MM/dd/yyyy"), new { style = "width:80px;", maxlength = 10 })%> 

<input type="submit" name="btnSubmit" value="Search" /> 

</p> 

<% } %> 

तो, हम

"datepicker1" निम्नलिखित है - नियंत्रण

दिनांक समय की आईडी। अब। टॉस्ट्रिंग ("एमएम/डीडी/yyyy") - डिफ़ॉल्ट रूप से मूल्य

शैली = "चौड़ाई: 80 पीएक्स; "- पाठ बॉक्स की चौड़ाई

maxlength = 10 - हम कर सकते हैं इनपुट 10 अक्षर केवल

Answer 8

साथ सेट पाठ बॉक्स और mvc3.0

@Html.TextBoxFor(model => model.SearchUrl, new { style = "width:650px;",maxlength = 250 })