textarea

问题 I would like to be able to limit the number of characters in a textarea. The method I am using works great in Google Chrome, but is slow in Firefox, and doesn\'t work in 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

问题 I have ghost text in textfields that disappear when you focus on them using HTML5\'s placeholder attribute: <input type=\"text\" name=\"email\" placeholder=\"Enter email\"/> I want to use that same mechanism to have multiline placeholder text in a textarea, maybe something like this: <textarea name=\"story\" placeholder=\"Enter story\\n next line\\n more\"></textarea> But those \\n s show up in the text and don\'t cause newlines... Is there a way to have a multiline placeholder? UPDATE : The

问题 How can I make it so when you click inside a textarea, its entire content gets selected? And eventually when you click again, to deselect it. 回答1: To stop the user from getting annoyed when the whole text gets selected every time they try to move the caret using their mouse, you should do this using the focus event, not the click event. The following will do the job and works around a problem in Chrome that prevents the simplest version (i.e. just calling the textarea's select() method in a

问题 Every time I develop a new form that includes a textarea I have the following dilemma when I need to specify its dimensions: Use CSS or use the textarea \'s attributes cols and rows ? What are the pros and cons of each method? What are the semantics of using these attributes? How is it usually done? 回答1: I recommend to use both. Rows and cols are required and useful if the client does not support CSS. But as a designer I overwrite them to get exactly the size I wish. The recommended way to do

问题 my simple textarea doesn\'t show a horizontal bar when text overflows. It wraps text for a new line. So how do I remove wordwrap and display horizontal bar when text overflows? 回答1: Textareas shouldn't wrap by default, but you can set wrap="soft" to explicitly disable wrap: <textarea name="nowrap" cols="30" rows="3" wrap="soft"></textarea> EDIT: The "wrap" attribute is not officially supported. I got it from the german SELFHTML page (an english source is here) that says IE 4.0 and Netscape 2

问题 I have a simple custom logging framework like this: package something; import javafx.scene.control.TextArea; public class MyLogger { public final TextArea textArea; private boolean verboseMode = false; private boolean debugMode = false; public MyLogger(final TextArea textArea) { this.textArea = textArea; } public MyLogger setVerboseMode(boolean value) { verboseMode = value; return this; } public MyLogger setDebugMode(boolean value) { debugMode = value; return this; } public boolean

问题 I have a <textarea> element. Can I use JavaScript to detect that there are (for example) 10 rows of text in it? 回答1: Well I found a much simplier way to do this, but you'll need to set the line-height of the textarea in the CSS. I tried to read the line height inside the script ta.style.lineHeight but it doesn't seem to return a value. CSS #ta { width: 300px; line-height: 20px; } HTML <textarea id="ta">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque suscipit, nisl eget

问题 I wrote the following code to check whether the uploaded file exists or not using HTML5 file API. <input type=\"file\" id=\"myfile\"> <button type=\"button\" onclick=\"addDoc()\">Add Document</button> <p id=\"DisplayText\"></p> The following JavaScript code has been mapped to it is as follows: 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

问题 I have a textarea and I would like to know if I am on the last line in the textarea or the first line in the textarea with my cursor with JavaScript. I thought of grabbing the position of the first newline character and the last newline character and then grabbing the position of the cursor. var firstNewline = $(\'#myTextarea\').val().indexOf(\'\\n\'); var lastNewline = $(\'#myTextarea\').val().lastIndexOf(\'\\n\'); var cursorPosition = ?????; if (cursorPosition < firstNewline) // I am on

问题 I\'m looking for a javascript that can limit the number of lines (by line I mean some text ended by user pressing enter on the keyboard) the user is able to enter in textarea. I\'ve found some solutions but they simply don\'t work or behave really weird. The best solution would be a jquery plugin that can do the work - something like CharLimit, but it should be able to limit text line count not character count. 回答1: This might help (probably be best using jQuery, onDomReady and unobtrusively