Tag: textarea

在HTML textarea上模拟HTMLinput“maxlength”属性的最佳方法是什么?

一个HTML文本input有一个叫做“maxlength”的属性,由浏览器实现,如果设置了一定数量的字符后阻止用户input。 另一方面,HTML textarea元素没有这个属性。 我的目标是在HTML textarea上模拟maxlength的行为。 要求: 至less,显示(CSS更改)用户input的字符太多。 理想情况下,阻止用户input更多的字符,就像在HTMLinput中发生的那样。 据了解,服务器端validation应该再次检查长度。 这里我只关注客户端部分。 我的问题是:在HTML textarea上模拟maxlength的最简洁的客户端方式是什么? 理想情况下,指向您已经使用的经过validation的开源JavaScript代码片段。

textarea字符限制

我想能够限制textarea中的字符数量。 我使用的方法在Google Chrome中效果很好,但是在Firefox中速度很慢,在IE中不起作用。 使用Javascript: function len(){ t_v=textarea.value; if(t_v.length>180){ long_post_container.innerHTML=long_post; post_button.className=post_button.className.replace('post_it_regular','post_it_disabled'); post_button.disabled=true; } else{ long_post_container.innerHTML=""; post_button.className=post_button.className.replace('post_it_disabled','post_it_regular'); post_button.disabled=false; } if(t_v.length>186){ t_v=t_v.substring(0,186); } } HTML: <textarea id="user_post_textarea" name="user_post_textarea" cols="28" rows="1" onkeypress="len();" onkeyup="len();"></textarea> 身体元素底部的Javascript: textarea=document.getElementById('user_post_textarea');

WebView textarea不会popup键盘

当我显示一个WebView ,我看不到popup的软键盘。 硬键盘也不行! 什么是通常的缺点。 我用来访问WebView的代码是: package com.example.blahblah; import android.app.Activity; import android.content.Intent; import android.content.SharedPreferences; import android.os.Bundle; import android.os.Handler; import android.preference.PreferenceManager; import android.util.Log; import android.view.KeyEvent; import android.view.Window; import android.webkit.JsResult; import android.webkit.WebChromeClient; import android.webkit.WebSettings; import android.webkit.WebView; import android.webkit.WebViewClient; import android.widget.Toast; public class createAccount extends Activity { private static final String LOG_TAG = "Create Account"; private WebView mWebView; private […]

您可以在<textarea>中使用多行HTML5占位符文本吗?

我使用HTML5的占位符属性将焦点放在文本字段中时,文本字段中的幽灵文本会消失: <input type="text" name="email" placeholder="Enter email"/> 我想使用相同的机制,在textarea中有多行占位符文本,可能是这样的: <textarea name="story" placeholder="Enter story\n next line\n more"></textarea> 但是,这些显示在文本中,不会导致换行符有没有办法有一个多行占位符? 更新 :我得到这个工作的唯一方法是利用jQuery水印插件 ,它接受占位符文本中的HTML: $('.textarea_class').watermark('Enter story<br/> * newline', {fallback: false});

HTML5 File API中的FileReader.readAsText如何工作?

我写了下面的代码来检查上传的文件是否存在或不使用HTML5文件API。 <input type="file" id="myfile"> <button type="button" onclick="addDoc()">Add Document</button> <p id="DisplayText"></p> 以下JavaScript代码已被映射到它如下: function addDoc() { var file=document.getElementById("myFile").files[0]; //for input type=file var reader=new FileReader(); reader.onload = function(e) {} reader.readAsText(file); var error = reader.error; var texte=reader.result; document.getElementById("DisplayText").innerText=reader.result; /*<p id="DisplayText>*/ } 在从本地系统浏览文件之后,我尝试在点击addDoc()之前删除文件夹中的“浏览”文档。 点击button后,我仍然可以看到Filereader.result不是空的,可以显示所有的内容。 有人可以解释如何Filereader的作品? 文件被浏览后, FileReader是否被绑定? 我们也可以检查系统Readonly属性是否与FileReader类似,Java File.canread() ? 有人可以build议吗? 我有IE11来testing代码。

限制textarea中的行数

我正在寻找一个可以限制行数的javascript(按我的意思是一些文本以用户在键盘上按回车结束),用户可以在textarea中input。 我find了一些解决scheme,但他们根本不工作或行为真的很奇怪。 最好的解决scheme将是一个jQuery的插件,可以做的工作 – 就像CharLimit ,但它应该能够限制文本行数不字符数。 提前致谢。

如何使用JavaScript获取<textarea>中的行数?

我有一个<textarea>元素。 我可以使用JavaScript来检测其中是否有(例如)10行文本?

限制textarea中的行数和使用jQuery显示行数

使用jQuery我想: 将用户可以在textarea中input的行数限制为设定的数字 出现一个行计数器,在input行时更新行数 返回键或/ n将计为行 任何人谁可以帮助荣誉! $(document).ready(function(){ $('#countMe').keydown(function(event) { // If number of lines is > X (specified by me) return false // Count number of lines/update as user enters them turn red if over limit. }); }); <form class="lineCount"> <textarea id="countMe" cols="30" rows="5"></textarea><br> <input type="submit" value="Test Me"> </form> <div class="theCount">Lines used = X (updates […]

了解如何使用JavaScriptselecttextarea

我正在一个textarea内的浏览器内编辑器工作。 我已经开始寻找处理textareaselect的一些信息,并发现这个jQuery插件,fieldSelection ,做一些简单的操作。 但是,这并没有解释发生了什么事情。 我想了解更多关于在JavaScript中的textareaselect,最好与前DOM3和后DOM30scheme的描述。

如何为html <textarea>添加默认值?

我想为我的html <textarea>设置一个默认值。 我从一个材料中读取默认值,你必须做一些像<textarea>This is default text</textarea> 。 我这样做,但它不工作。 什么是正确的事情?