HTML5 <textarea> element does not support the pattern attribute. See the MDN doc for allowed <textarea> attributes. You may need to define this functionality yourself. Or follow the traditional HTML 4 practice of defining a JavaScript/jQuery function to do this.
I know this is a little bit late, but I have to say there is a way to use <div> with contenteditable attribute to simulate desired behaviour. .textareaElement { width: 300px; min-height: 17px; border: 1px solid #ccc; max-height: 150px; overflow-x: hidden; overflow-y: auto; } <div class=”textareaElement” contenteditable></div> Just set your min and max height, with … Read more
Generally you just need to add white-space: pre-line; whitespace trimmed to single whitespace or white-space: pre-wrap; all whitespace preserved to the element’s style (CSS), where you want your text rendered with line-breaks.
This one has always been a gotcha for me and many others. In short, the opening and closing tags for the <textarea> element must be on the same line, otherwise a newline character occupies it. The placeholder will therefore not be displayed since the input area contains content (a newline character is, technically, valid content). … Read more
Use a div with contentEditable attribute which acts like a textarea. That’s how wysiwyg editors are created. div { width: 300px; height: 200px; border: 1px solid #ccc; } <div contentEditable=”true”>Type here. You can insert images too <img src=”http://t2.gstatic.com/images?q=tbn:ANd9GcQCze-mfukcuvzKk7Ilj2zQ0CS6PbOkq7ZhRInnNd1Yz3TQzU4e&t=1″ /> </div>
There is Lined TextArea (Link no longer valid, see mirror) plugin for jQuery by Alan Williamson MIT License jQuery 1.3+
The UI system in unity is very easy to use… 1) click add canvas .. select “scale with screen size” Important!!!!!!!!!!!!! It is critical to select “scale with screen size”. (Note that this is in the “Canvas Scaler” section – it is NOT in the “Canvas” section.) (2017 – note they recently changed the wording … Read more
The number of lines in the textarea would be textarea.value.match(/\n/g).length + 1
Here’s probably what you looking for: <style type=”text/css”> textarea { background: url(http://i.stack.imgur.com/ynxjD.png) repeat-y; width: 600px; height: 300px; font: normal 14px verdana; line-height: 25px; padding: 2px 10px; border: solid 1px #ddd; } </style> <textarea> Textarea with style example Line 1 Line 2 Line 3 Line 4 Line 5 Line 6 Line 7 Line n </textarea> Or … Read more
Try this. var lines = $(‘textarea’).val().split(‘\n’); for(var i = 0;i < lines.length;i++){ //code here using lines[i] which will give you each line }