New lines in text within a div
I think a better way to achieve this is to add white-space: pre or white-space: pre-wrap style to your div. See: HTML – Newline char in DIV content editable?
textarea
Can I style the resize grabber of textarea?
WebKit provides the pseudo-element ::-webkit-resizer for the resize control it automatically adds to the bottom right of textarea elements. It can be hidden by applying display: none or -webkit-appearance: none: ::-webkit-resizer { display: none; } <textarea></textarea> This displays as follows in Chrome 26 on OS X: Note: Adding display: none to ::-webkit-resizer doesn’t actually prevent … Read more
Rails — Add a line break into a text area
Line breaks in textareas are produced as `\n’. However, the problem is that if you simply dump it into your view, it will just be line breaks in your HTML source. You can try using the Rails simple_format helper to take care of some of this for you: http://api.rubyonrails.org/classes/ActionView/Helpers/TextHelper.html#M002285 It will auto-convert line breaks to … Read more
Twitter bootstrap – Focus on textarea inside a modal on click
It doesn’t work because when you click the button the modal is not loaded yet. You need to hook the focus to an event, and going to the bootstrap’s modals page we see the event shown, that is fired when the modal has been made visible to the user (will wait for css transitions to … Read more
Set textarea width to 100% in bootstrap modal
Try add min-width: 100% to style of your textarea: <textarea class=”form-control” style=”min-width: 100%”></textarea>
More than 1 row in
Why not use the <textarea> tag? <textarea id=”txtArea” rows=”10″ cols=”70″></textarea>
CSS Input field text color of inputted text
Change your second style to this: input, select, textarea{ color: #ff0000; } At the moment, you are telling the form to change the text to black once the focus is off. The above remedies that. Also, it is a good idea to place the normal state styles ahead of the :focus and :hover styles in … Read more
Get value from text area [duplicate]
Vanilla JS document.getElementById(“textareaID”).value jQuery $(“#textareaID”).val() Cannot do the other way round (it’s always good to know what you’re doing) document.getElementById(“textareaID”).value() // –> TypeError: Property ‘value’ of object #<HTMLTextAreaElement> is not a function jQuery: $(“#textareaID”).value // –> undefined
Chrome : make non resizable textareas
Rails generate standard textarea tag, but Safari/Chrome (Webkit) display all (not only Rails 🙂 textareas as resizable. Its apperance may be disabled by CSS textarea { resize: none; } Or, if need only vertical resize: textarea { resize: vertical; }
HTML Textarea horizontal scroll
I figured out to do it in a non-W3c-compliant way and it is working in both IE and Firefox and incidentally in Chrome too. I added the attribute wrap with value off, that is <textarea cols=80 rows=12 wrap=’off’> is what I have done.