TextAreaFor 无法设置宽度

2024-01-05

我无法设置文本区域中的列宽度。行/高度效果很好。有人可以帮忙吗谢谢!

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    @Html.ValidationSummary(true)
    @Html.TextAreaFor(model => model.Comments, new {cols=60, rows=10})
    @Html.HiddenFor(model => model.UserName, new { UserName = @User.Identity })

    <div class="form-group">
        <div class="col-md-10">
            <input type="submit" value="Submit Feedback" class="btn btn-default" />
        </div>
    </div>
}

任何建议或提示将不胜感激!谢谢

呈现的 HTML 是(出于安全原因,我删除了名称和值文本:

<form action="/feedback/create" method="post"><input name="" type="hidden" value="">        
<textarea name="Comments" id="Comments" rows="10" cols="60"></textarea>
<input name="UserName" id="UserName" type="hidden" value="" username="System.Security.Principal.WindowsIdentity">        

<div class="form-group">
        <div class="col-md-10">
            <input class="btn btn-default" type="submit" value="Submit Feedback">
        </div>
 </div>

EDIT:

我可以通过 CSS 设置文本区域的宽度,但只能在一定范围内(可能是屏幕的 15%)


所以我想通了,我相信这是导入到 ASP.NET MVC5 项目的引导程序的问题。答案很简单。只需设置 CSS 即可

    max-width: 1000px;
    width: 1000px;

这解决了所有数据类型的问题。文本区域、输入等

**** 更新 8/26/2014 ****

更改了我的答案以反映发布的评论。使用百分比而不是 px 来保持响应能力。 CSS 应该是:

    max-width: 100%;
    width: 100%;

**** 更新 8/29/2016 ****

Bootstrap 3 已修复此问题。添加类形式控制应用了上面的样式

     @Html.TextAreaFor(x => x.Note, new { @class = "form-control", rows = "3" })
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

TextAreaFor 无法设置宽度 的相关文章

  • Bootstrap Typeahead 仅显示第一个字母

    我很难让 Twitter Bootstrap 的 Typeahead 正常工作 Typeahead 仅匹配输入的第一个字母 我在预输入框中的结果看起来像 n n n N N n 我的代码是 有人可以帮忙吗 检查 html 中输出的数据源属性
  • 在 Bootstrap 3 中的工具提示中添加换行符

    我正在使用 Bootstrap 3 并向我的 div 添加了一个工具提示 我尝试过使用 n 和 创建新行 Bootstrap 会阻止我吗 div class content show tooltip 你需要添加data html true
  • 带分页的过滤表

    我想要一个带有分页的表格 同时在表格标题中带有搜索框 所以使用这段代码jsfiddle分页 http jsfiddle net Xugej 1445 I want output like this 这是我的过滤代码 function sea
  • MVC 5 Razor 活动导航选项卡

    我一直在尝试突出显示我的项目中的活动导航选项卡 我的任务是更新旧网站而不更改为引导程序 这是我的经验所在 我找到了一个包含我需要的大部分内容的示例 目前 唯一具有 选定类别 的选项卡是 主页 选项卡 当我单击另一个选项卡时 主页 选项卡不再
  • 切换到 twitter bootstrap 的优点/缺点 [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • Bootstrap 3 - 使用垂直滚动条水平拖动元素,overflow-y:滚动

    在我的失败之后上一篇文章 https stackoverflow com questions 23586926 bootstrap grid with scrollable affixed column noredirect 1 comme
  • 自数据库创建以来,支持“ApplicationDbContext”上下文的模型已发生更改

    首先 我在其他地方没有看到这个错误 我想这不是重复的 所以请先阅读整个情况 一切都工作得很好然后我尝试更新我的模型类之一 the 应用类现在更新已被评论 我将在下面列出 我遇到了这个丑陋的错误 自创建数据库以来 支持 Application
  • 为什么MVC视图需要存在于View目录中才能工作?

    我一直在编写一个cms 使用MVC作为生成页面的主要引擎 我进展顺利 但希望能够为每个站点甚至每个视图创建一个独特的剃刀模板 如果需要的话 我的规则是每个项目都必须有一个与 URL 链接的唯一代码 每个项目站点的资产都按照位置与项目相关的方
  • 在 ASP.NET MVC 中使用 bootstrap 创建模式

    我在 ASP NET MVC 项目上使用 NET Framework 4 5 Bootstrap v3 3 6 我想做的是创建一个模态表单 我尝试了以下方法 在主布局中创建了一个模态容器 div class modal fade style
  • Twitter 引导选项卡和 JavaScript 事件

    我正在一个项目中使用 twitter bootstrap 特别是它的选项卡功能 http twitter github com bootstrap javascript html tabs http twitter github com b
  • Bootstrap 3 如何在较小的视口中不堆叠导航对齐

    我有一个引导导航 我需要避免将其堆叠在较小的视口上 以便它保持水平并且不会堆叠 这是一个例子 HTML div class menuBar ul class nav nav justified li a href class menuIte
  • Bootstrap“navbar-brand”导致“navbar-nav”项目从导航栏中的中心位置向右移动?

    我正在尝试创建一个导航栏 其左侧有 品牌 LOGO 而实际的导航项目位于整个栏的中心 我正在使用默认的 Bootstrap 导航栏 因为我一周前才开始学习 Web 开发 到目前为止 情况是这样的 但是 您可以看到导航项稍微移动到页面实际中心
  • 使用 ember.js 模板的 Bootstrap Popovers

    我正在尝试使用引导程序弹出窗口 http twitter github io bootstrap javascript html popovers使用 EmberJS 这样弹出窗口的内容将是 ember handlebars 模板 带有绑定
  • Bootstrap 响应式图像缩放

    Using Twitter Bootstrap我意识到默认情况下它会响应式地缩放图像 这很棒 但并不总是完美的 比如说我有一个500x300桌面上的图像 然后它会针对移动设备调整大小 该图像将非常小而且不是很高 会丢失图像的大部分细节部分
  • 页脚没有停留在底部

    这似乎是有史以来最令人困惑的问题 至少对我来说是这样 知道这个页面 除了标题之外 都已损坏 我复制了 HTML 并尝试小心地删除 WordPress 相关的爵士乐 以便您获得该页面的 html JsBin直播页面 http jsbin co
  • ASP.Net MVC:如何在 CSS 文件中使用 razor 变量

    根据我的场景 我需要存储这个路径 img 产品 pngrazor 变量中的图像 后来我想在 CSS 文件中使用该 razor 变量 下面的css代码在css文件中 test background url img product png no
  • Bootstrap Html 列宽度太大

    var parentDiv document getElementById cc var statementDiv document createElement div var statementName document createEl
  • 了解 MVC-5 身份

    我创建了一个新的ASP NET MVC 5申请与Individual User Accounts然后更新了所有的Nuget packages在解决方案中 现在我尝试遵循一些教程中显示的一些指南 但遇到了一些问题 第一个是一个名为Applic
  • 如何使用 jQuery AJAX 和 JSON 通过 Bootbox 确认表单提交

    我正在使用一个网络应用程序工作Spring MVC 我试图在提交表单之前显示一个确认对话框Bootbox 但我收到 500 内部服务器错误 这是我的表格
  • 错误 TypeError:无法使用角度 6 读取 ngx-bootstrap 中 null 的属性“createText”

    我想使用以下命令从不同的组件打开 ngx bootstrap 模式 ViewChild在角度 6 但我收到此错误 错误类型错误 无法读取 null 的属性 createText 在 ComponentLoader push node mod

随机推荐

  • 使用 mongo csharp 插入后如何获取最近插入的文档的 _id?

    我能够使用以下代码成功插入新文档 但无法获取新插入文档的 id 插入后 user 为空 谢谢你 MongoServer server MongoServer Create MongoDatabase test server GetDatab
  • 将回收者视图中显示的选中复选框的项目保存在列表中

    我设法显示存储在房间数据库中的项目recycler view with checkboxes我想将选中的项目存储在列表中 将选中的项目存储在我使用的列表中setOnClickListener在适配器中的复选框上 如下面的代码 但当我单击显示
  • 在修改 numpy 数组时使用省略号

    我看到了下面的代码here https www tutorialspoint com numpy numpy iterating over array htm 它尝试迭代 numpy 数组 arr 并修改其元素 但是 我不太明白这里使用省略
  • GNU 链接器映射文件给出意外的加载地址

    我正在开发一个嵌入式程序 其中有一个自定义链接器脚本 该程序可以工作 但我注意到链接器在内存中放置几个 部分的方式可能有问题 以下是链接描述文件的相关部分 MEMORY ROM rx ORIGIN 0x00100000 LENGTH 16k
  • C++ 11:智能指针的使用[重复]

    这个问题在这里已经有答案了 使用 smart 的最佳实践是什么 在某些情况下我应该更喜欢使用原始指针而不是智能指针 例如 如果我知道 A 类创建了 B 类并且是 B 类的唯一所有者 是否有理由使用智能指针 如果您知道有关该主题的任何好文章
  • 核心数据问题 - 检查项目是否存在

    我正在研究 NSScreenCast 的一个代码示例 该示例涉及导入到核心数据应用程序 link https github com nsscreencast 012 importing into core data 我的例子大部分都有效 我
  • 如何在.Net Framework 4.8中引用.Net 6.0 dll

    今天是个好日子 我有一个针对 Net Framework 6 0 的类库项目 当我将此 dll 引用到另一个面向 Net Framework 4 8 的项目时 我收到以下错误消息 我会感谢你的帮助 简短的回答是 你不能 NET 6 和 Ne
  • 如何将Python数组(data = [])写入Excel?

    我正在编写一个 python 程序来处理 hdf 文件 我想将此数据输出到 Excel 电子表格 我将数据放入数组中 如下所示 Code data for rec in hdfFile data append rec 从这里我创建了一个 9
  • 通过并行处理,使程序能够由不同的线程同时发送邮件

    我有下面的程序 它使用 java mail api 发送邮件 现在这是我开发的简单程序 我现在想通过使用 executorframework 来修改并行执行 我希望 5 个不同的线程独立地触发我的这个程序但这 5 个不同的线程应该同时触发
  • 长轮询与 Websockets [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 我开始开发一个软件 使用 html js 编码的应用程序 我需要从服务器 java 代码 发送此应用程序通知 该应用程序使用 nginx 进行路
  • 如何在生产模式下运行 maven/eclipse/GWT/playN 应用程序?

    如果您想使用以下过程在生产模式下从 Eclipse 启动 playN GWT maven 应用程序 似乎会出现问题 右键单击 playn showcase html 并选择 Goolge GWT 编译 Compiling module pl
  • 在 HTML 中隐藏输入有什么意义?这有哪些常见用途?

    我没有看到隐藏输入的好处 如果您设置隐藏输入的值 为什么不在引用该隐藏输入的位置使用该值呢 这是有原因的 但我只是不知道 它们用于传递提交表单时所需的数据 更常见的情况之一是允许用户编辑某些现有条目的表单 您需要知道他们正在编辑哪个条目 以
  • 使用 HttpURLConnection 发送 UTF-8 字符串

    到目前为止 我已经使用以下代码片段来发送和接收 JSON 字符串 static private String sendJson String json String url HttpClient httpClient new Default
  • 未捕获错误:ReCAPTCHA 占位符元素必须是元素或 id

    我正在将 ReCAPTCHA 添加到具有多个联系表单的 Bootstrap Jekyll 网站 页脚中有一个弹出模式 偶尔有一个 立即联系我们 部分 还有几个页面上有一个 请求有关 的更多信息 由于我在一个页面上有多个联系表单 因此我需要显
  • 将 Python 最小化到系统托盘并生成通知? [复制]

    这个问题在这里已经有答案了 我环顾四周 但找不到任何可以接近做我想做的事的东西 我想让我的 Python 脚本作为最小化的系统托盘应用程序启动 或者能够最小化到系统托盘 并且能够发出系统托盘通知 有人有任何想法 库或示例吗 谢谢 海福莱克斯
  • 从 Swift 中的 Eureka Forms 获取值

    我是 Swift 编程新手 我正在尝试使用 Eureka 库创建一个表单 该表格已经可以使用 但我无法从表格中获取数据 我试图将数据一一存储到全局变量中 以便在按下按钮时打印 问题是代码总是被破坏 我不知道如何纠正它 这是我的代码 impo
  • 如何在没有支持表的情况下在 Rails 中创建只读模型

    我想创建只读模型 这可能是一些复杂的结果 与任何直接表模型类关系不大的联接或聚合查询 我已经定义了 例如想象中的 ActiveRecord View 类 class B lt ActiveRecord View default scope
  • 用Java编写一个mode方法来查找数组中出现次数最多的元素

    问题是 编写一个名为 mode 的方法 该方法返回整数数组中最常出现的元素 假设数组至少有一个元素 并且数组中的每个元素的值都在 0 到 100 之间 含 0 和 100 通过选择较低的值来打破平局 例如 如果传递的数组包含值 27 15
  • 使用mysql递归调用存储过程

    enter image description here https i stack imgur com h5aNM pngget legside from binary https i stack imgur com sJvWh png
  • TextAreaFor 无法设置宽度

    我无法设置文本区域中的列宽度 行 高度效果很好 有人可以帮忙吗谢谢 using Html BeginForm Html AntiForgeryToken Html ValidationSummary true Html TextAreaFo