草庐IT

TextArea

全部标签

html - 如何从文本区域中删除自动换行?

当文本溢出时,我的简单文本区域不显示水平条。它换行换行。那么如何在文本溢出时去除自动换行并显示横条呢? 最佳答案 textarea{white-space:pre;overflow-wrap:normal;overflow-x:scroll;}white-space:nowrap如果您不关心空格也可以使用,但如果您正在处理代码(或缩进段落或任何内容可能故意有多个空格)...所以我更喜欢pre。overflow-wrap:normal(在旧版浏览器中是word-wrap)以防某些家长更改了该设置;即使设置了pre,它也可能导致换行。另

html - 如何从文本区域中删除自动换行?

当文本溢出时,我的简单文本区域不显示水平条。它换行换行。那么如何在文本溢出时去除自动换行并显示横条呢? 最佳答案 textarea{white-space:pre;overflow-wrap:normal;overflow-x:scroll;}white-space:nowrap如果您不关心空格也可以使用,但如果您正在处理代码(或缩进段落或任何内容可能故意有多个空格)...所以我更喜欢pre。overflow-wrap:normal(在旧版浏览器中是word-wrap)以防某些家长更改了该设置;即使设置了pre,它也可能导致换行。另

html - <textarea> 中可以包含多行 HTML5 占位符文本吗?

当您使用HTML5的占位符属性关注它们时,文本字段中的幻影文本会消失:我想使用相同的机制在文本区域中包含多行占位符文本,可能是这样的:但是那些\n出现在文本中并且不会导致换行...有没有办法使用多行占位符?更新:我让它工作的唯一方法是利用jQueryWatermarkplugin,它在占位符文本中接受HTML:$('.textarea_class').watermark('Enterstory*newline',{fallback:false}); 最佳答案 对于sthespec特别指出占位符属性中的回车符+换行符必须由浏览器呈现为

html - <textarea> 中可以包含多行 HTML5 占位符文本吗?

当您使用HTML5的占位符属性关注它们时,文本字段中的幻影文本会消失:我想使用相同的机制在文本区域中包含多行占位符文本,可能是这样的:但是那些\n出现在文本中并且不会导致换行...有没有办法使用多行占位符?更新:我让它工作的唯一方法是利用jQueryWatermarkplugin,它在占位符文本中接受HTML:$('.textarea_class').watermark('Enterstory*newline',{fallback:false}); 最佳答案 对于sthespec特别指出占位符属性中的回车符+换行符必须由浏览器呈现为

iOS/WebKit : touchmove/touchstart not working on input & textarea

我有一个无法滚动的IOSWeb应用程序。出于这个原因,我想停用滚动。为此,我使用元素的ontouchmove属性并让它调用一个使用element.preventDefault的函数。但是,当它在文本区域或输入元素上启动时,我无法检测到任何触摸事件,即使该元素已禁用!我还尝试通过JavaScript的addEventlistener将touchmove或touchstart事件绑定(bind)到这些元素,但没有成功!这是我的JavaScript:functiononBodyLoad(){document.addEventListener("touchstart",doNotScroll,

iOS/WebKit : touchmove/touchstart not working on input & textarea

我有一个无法滚动的IOSWeb应用程序。出于这个原因,我想停用滚动。为此,我使用元素的ontouchmove属性并让它调用一个使用element.preventDefault的函数。但是,当它在文本区域或输入元素上启动时,我无法检测到任何触摸事件,即使该元素已禁用!我还尝试通过JavaScript的addEventlistener将touchmove或touchstart事件绑定(bind)到这些元素,但没有成功!这是我的JavaScript:functiononBodyLoad(){document.addEventListener("touchstart",doNotScroll,

使用-webkit-overflow-scrolling : touch 时隐藏的 iOS textarea 文本

我又一次来到这里,因为我已经用尽了对这个主题的研究。我有一个非常简单的设置,带有非常简单的标记,但行为非常奇怪。该行为与(FirefoxandAngular:Textareaplaceholderdoesn'tappearuntilfirstfocus)出奇地相似,但我是在不同的环境中体验它的。考虑带有只读文本区域的片段。这会带来糟糕的评论列表,其中2-3条适合屏幕,然后必须滚动以查看更多已经加载的评论。Comment:这在浏览器(chrome、safari等)上运行应用程序时效果很好,但是一旦我使用PhoneGap构建应用程序并在ipad设备上运行它,我就会得到以下行为:可见的评论已

使用-webkit-overflow-scrolling : touch 时隐藏的 iOS textarea 文本

我又一次来到这里,因为我已经用尽了对这个主题的研究。我有一个非常简单的设置,带有非常简单的标记,但行为非常奇怪。该行为与(FirefoxandAngular:Textareaplaceholderdoesn'tappearuntilfirstfocus)出奇地相似,但我是在不同的环境中体验它的。考虑带有只读文本区域的片段。这会带来糟糕的评论列表,其中2-3条适合屏幕,然后必须滚动以查看更多已经加载的评论。Comment:这在浏览器(chrome、safari等)上运行应用程序时效果很好,但是一旦我使用PhoneGap构建应用程序并在ipad设备上运行它,我就会得到以下行为:可见的评论已

ios - 在 iOS/WebKit textarea 中删除 3 个像素

我正在尝试创建一个textarea看起来很像div.但是,在iOS上,有3个像素来self无法移除的地方。这是我的代码:Textareatesttextarea,div{background:yellow;font:13pxarial;border:0;padding:0;border-radius:0;margin:0;-webkit-appearance:none;}testtest这是这样呈现的(我放大了):如屏幕截图所示,我想要删除的文本之前有3个像素。据我所知,这不是边距/填充或边框。这发生在我的iPhone和iPad上,它们都运行iOS4.3。并且要清楚;这3个额外的像素不

ios - 在 iOS/WebKit textarea 中删除 3 个像素

我正在尝试创建一个textarea看起来很像div.但是,在iOS上,有3个像素来self无法移除的地方。这是我的代码:Textareatesttextarea,div{background:yellow;font:13pxarial;border:0;padding:0;border-radius:0;margin:0;-webkit-appearance:none;}testtest这是这样呈现的(我放大了):如屏幕截图所示,我想要删除的文本之前有3个像素。据我所知,这不是边距/填充或边框。这发生在我的iPhone和iPad上,它们都运行iOS4.3。并且要清楚;这3个额外的像素不