คำถามติดแท็ก textarea

textarea คือองค์ประกอบ HTML (แท็ก) ที่ใช้สร้างฟิลด์แก้ไขข้อความธรรมดาหลายบรรทัด

25
ใช้แท็บเพื่อเยื้องใน textarea
ฉันมี textarea HTML ง่าย ๆ อยู่ข้างๆ ตอนนี้ถ้าคุณคลิกที่แท็บมันจะไปที่ฟิลด์ถัดไป ฉันต้องการทำให้ปุ่มแท็บเยื้องช่องว่างเล็กน้อยแทน ฉันจะทำสิ่งนี้ได้อย่างไร ขอบคุณ
143 html  textarea 

6
jQuery - เลือกข้อความทั้งหมดจาก textarea
ฉันจะทำมันได้อย่างไรเมื่อคุณคลิกภายในพื้นที่ข้อความเนื้อหาทั้งหมดจะถูกเลือก และในที่สุดเมื่อคุณคลิกอีกครั้งเพื่อยกเลิกการเลือก

13
จะแทรกข้อความลงใน textarea ที่ตำแหน่งเคอร์เซอร์ปัจจุบันได้อย่างไร?
ฉันต้องการสร้างฟังก์ชันง่ายๆที่เพิ่มข้อความลงในพื้นที่ข้อความที่ตำแหน่งเคอร์เซอร์ของผู้ใช้ จำเป็นต้องมีฟังก์ชันที่สะอาด เพียงแค่พื้นฐาน ฉันหาส่วนที่เหลือได้

18
จะปรับขนาดพื้นที่ข้อความอัตโนมัติโดยใช้ Prototype ได้อย่างไร?
ฉันกำลังทำงานเกี่ยวกับแอปพลิเคชันการขายภายในของ บริษัท ที่ฉันทำงานและฉันมีแบบฟอร์มที่อนุญาตให้ผู้ใช้เปลี่ยนที่อยู่ในการจัดส่งได้ ตอนนี้ฉันคิดว่ามันจะดูดีกว่านี้มากถ้าพื้นที่ข้อความที่ฉันใช้สำหรับรายละเอียดที่อยู่หลักจะใช้พื้นที่ของข้อความในนั้นและปรับขนาดโดยอัตโนมัติหากข้อความมีการเปลี่ยนแปลง นี่คือภาพหน้าจอของมันในขณะนี้ ความคิดใด ๆ ? @ Chris เป็นจุดที่ดี แต่มีเหตุผลที่ฉันต้องการปรับขนาด ฉันต้องการให้พื้นที่นั้นเป็นพื้นที่ของข้อมูลที่อยู่ในนั้น อย่างที่คุณเห็นในภาพหน้าจอถ้าฉันมีพื้นที่ข้อความคงที่จะต้องใช้พื้นที่แนวตั้งพอสมควร ฉันสามารถลดแบบอักษรได้ แต่ฉันต้องการที่อยู่ให้ใหญ่และอ่านได้ ตอนนี้ฉันสามารถลดขนาดของพื้นที่ข้อความได้แล้ว แต่ฉันมีปัญหากับคนที่มีบรรทัดที่อยู่ที่ใช้ 3 หรือ 4 (หนึ่งใช้เวลา 5) บรรทัด จำเป็นต้องให้ผู้ใช้ใช้แถบเลื่อนถือเป็นข้อห้ามที่สำคัญ ฉันเดาว่าฉันควรจะเจาะจงมากกว่านี้ ฉันหลังจากปรับขนาดตามแนวตั้งแล้วและความกว้างก็ไม่สำคัญเท่า ปัญหาเดียวที่เกิดขึ้นกับสิ่งนั้นคือหมายเลข ISO ("1" ขนาดใหญ่) ถูกดันเข้าไปใต้ที่อยู่เมื่อความกว้างของหน้าต่างเล็กเกินไป (ดังที่คุณเห็นในภาพหน้าจอ) ไม่เกี่ยวกับการมี gimick; เกี่ยวกับการมีช่องข้อความที่ผู้ใช้สามารถแก้ไขได้ซึ่งจะไม่ใช้เนื้อที่ที่ไม่จำเป็น แต่จะแสดงข้อความทั้งหมดในนั้น แม้ว่าจะมีคนคิดวิธีอื่นในการแก้ไขปัญหาฉันก็เปิดรับเช่นกัน ฉันได้แก้ไขโค้ดเล็กน้อยเพราะมันดูแปลกไปหน่อย ฉันเปลี่ยนเป็นเปิดใช้งานเมื่อคีย์อัพเพราะมันจะไม่คำนึงถึงอักขระที่เพิ่งพิมพ์ resizeIt = function() { var str = $('iso_address').value; var cols …

21
นับอักขระใน textarea
ฉันต้องการนับอักขระในพื้นที่ข้อความดังนั้นฉันจึงสร้าง: <textarea id="field" onkeyup="countChar(this)"></textarea> function countChar(val){ var len = val.value.length; if (len >= 500) { val.value = val.value.substring(0, 500); } else { $('#charNum').text(500 - len); } }; รหัสชิ้นส่วนของฉันมีอะไรผิดปกติ มันไม่ทำงาน! นั่นเป็นลายมือมือใหม่ต้องการความช่วยเหลือ

8
ปิดการปรับขนาด textarea
ฉันกำลังพยายามปิดการปรับขนาด textarea ในไซต์ของฉัน ตอนนี้ฉันใช้วิธีนี้: .textarea { clear:left; min-width: 267px; max-width: 267px; min-height:150px; max-height:150px; } ฉันรู้ว่าวิธีการของฉันไม่ถูกต้องและฉันกำลังค้นหาวิธีที่ดีกว่าใน JavaScript ฉันเป็นมือใหม่ดังนั้นทางออกที่ดีที่สุดสำหรับฉันคือ HTML5 หรือ jQuery
117 html  textarea 

15
วิธีกำหนด maxlength บน textArea ใน HTML โดยใช้ JavaScript
ฉันต้องการฟังก์ชั่นบางอย่างที่ถ้าฉันเขียน <textarea maxlength="50"></textarea> <textarea maxlength="150"></textarea> <textarea maxlength="250"></textarea> มันจะกำหนดความยาวสูงสุดบน textArea โดยอัตโนมัติ ถ้าเป็นไปได้โปรดอย่าให้โซลูชันใน jQuery หมายเหตุ: สามารถทำได้ถ้าฉันทำสิ่งนี้: <textarea onkeypress="return imposeMaxLength(event, this, 110);" rows="4" cols="50"> function imposeMaxLength(Event, Object, MaxLen) { return (Object.value.length <= MaxLen)||(Event.keyCode == 8 ||Event.keyCode==46||(Event.keyCode>=35&&Event.keyCode<=40)) } คัดลอกมาจากวิธีใดเป็นวิธีที่ดีที่สุดในการจำลองแอตทริบิวต์ "maxlength" อินพุต HTML บนพื้นที่ข้อความ HTML แต่ประเด็นคือฉันไม่ต้องการเขียน onKeyPress และ onKeyUp ทุกครั้งที่ฉันประกาศ textArea

2
textarea - ปิดการใช้งานการปรับขนาดบน x หรือ y?
ฉันรู้ว่าเป็นไปได้ที่จะปิดใช้งานการปรับขนาดของ a textareaโดยใช้: textarea { resize: none; } แต่เป็นไปได้ไหมที่จะปิดใช้งาน x หรือ y? แทนที่จะเป็นทั้งสองอย่าง
114 css  resize  textarea 

2
val () เทียบกับ text () สำหรับ textarea
ฉันใช้ jQuery และสงสัยว่าฉันควรใช้ val () หรือ text () (หรือวิธีอื่น) เพื่ออ่านและอัปเดตเนื้อหาของ textarea ฉันได้ลองทั้งสองอย่างและฉันมีปัญหากับทั้งสองอย่าง เมื่อฉันใช้ text () เพื่ออัปเดต textarea ตัวแบ่งบรรทัด (\ n) ไม่ทำงาน เมื่อฉันใช้ val () เพื่อดึงเนื้อหา textarea ข้อความจะถูกตัดทอนหากยาวเกินไป
107 jquery  forms  textarea 

4
ฉันจะป้องกันไม่ให้ textarea ขยายเกินองค์ประกอบ DIV หลักได้อย่างไร (ปัญหา google-chrome เท่านั้น)
ฉันจะป้องกันไม่ให้พื้นที่ข้อความขยายเกินองค์ประกอบ DIV หลักได้อย่างไร ฉันมีพื้นที่ข้อความนี้อยู่ในตารางซึ่งอยู่ภายใน DIV และดูเหมือนว่ามันจะทำให้ทั้งตารางยืดออกไปนอกขอบเขต คุณสามารถดูตัวอย่างของสถานการณ์เดียวกันได้แม้ในกรณีที่ง่ายกว่านั้นเพียงแค่ใส่พื้นที่ข้อความภายใน div (เช่นสิ่งที่ใช้ที่นี่ใน www.stackoverflow.com) คุณสามารถดูได้จากภาพด้านล่างว่า textarea สามารถขยายได้เกินขนาดของแม่หรือไม่? ฉันจะป้องกันสิ่งนี้ได้อย่างไร? ฉันยังใหม่กับ CSS ดังนั้นฉันจึงไม่รู้จริงๆว่าควรใช้แอตทริบิวต์ CSS อะไร ฉันพยายามหลายประการเช่นการแสดงผลและล้น แต่ดูเหมือนพวกเขาจะไม่ทำเคล็ดลับ มีอะไรอีกบ้างที่ฉันอาจพลาดไป? อัปเดต: HTML CSS textarea { max-width: 50%; } #container { width: 80%; border: 1px solid red; } #cont2{ width: 60%; border: 1px solid blue; } ​ หากคุณใส่รหัสนี้ไว้ในhttp://jsfiddle.netคุณจะเห็นว่ารหัสเหล่านี้ทำงานแตกต่างกัน แม้ว่า …

4
ฉันจะตั้งค่าแถบเลื่อน textarea ให้ด้านล่างเป็นค่าเริ่มต้นได้อย่างไร
ฉันมีพื้นที่ข้อความที่กำลังโหลดใหม่แบบไดนามิกเนื่องจากกำลังส่งข้อมูลเข้าของผู้ใช้มันจะรีเฟรชตัวเองทุกสองสามวินาที เมื่อจำนวนข้อความในพื้นที่ข้อความนี้เกินขนาดของพื้นที่ข้อความแถบเลื่อนจะปรากฏขึ้น อย่างไรก็ตามแถบเลื่อนไม่สามารถใช้งานได้จริงเพราะถ้าคุณเริ่มเลื่อนลงสองสามวินาทีต่อมาพื้นที่ข้อความจะรีเฟรชและนำแถบเลื่อนกลับขึ้นไปด้านบน ฉันต้องการตั้งค่าแถบเลื่อนให้โดยค่าเริ่มต้นแสดงข้อความด้านล่างสุด ใครมีความคิดว่าจะทำอย่างไร

5
ฉันจะสร้าง textarea เป็นโปรแกรมแก้ไข ACE ได้อย่างไร
ฉันต้องการแปลงพื้นที่ข้อความเฉพาะบนเพจให้เป็นบรรณาธิการ ACE ใครมีคำแนะนำกรุณา? แก้ไข: ฉันมีไฟล์ editor.html ที่ใช้งานได้กับพื้นที่ข้อความเดียว แต่ทันทีที่ฉันเพิ่มไฟล์ที่สองไฟล์ที่สองจะไม่ถูกแปลงเป็นตัวแก้ไข แก้ไข 2: ฉันตัดสินใจที่จะทิ้งความคิดที่จะมีหลาย ๆ อันและเปิดขึ้นในหน้าต่างใหม่แทน สถานการณ์ใหม่ของฉันคือเมื่อฉันซ่อน () และแสดง () พื้นที่ข้อความการแสดงผลจะผิดปกติ ความคิดใด ๆ ?

5
วิธีอ่านทีละบรรทัดของแท็ก HTML ของพื้นที่ข้อความ
ฉันมีพื้นที่ข้อความที่แต่ละบรรทัดมีค่า Integer ดังนี้ 1234 4321 123445 ฉันต้องการตรวจสอบว่าผู้ใช้ใส่ค่าที่ถูกต้องจริง ๆ หรือไม่และไม่ใช่ค่าตลก ๆ เช่น 1234, 987l; สำหรับสิ่งนั้นฉันต้องอ่านทีละบรรทัดของพื้นที่ข้อความและตรวจสอบความถูกต้องนั้น ฉันจะอ่านทีละบรรทัดของพื้นที่ข้อความโดยใช้จาวาสคริปต์ได้อย่างไร

4
อักขระใดแสดงถึงบรรทัดใหม่ในพื้นที่ข้อความ
เพียงอย่างรวดเร็ว แต่ต้องการให้แน่ใจว่าฉันจับรูปแบบข้ามแพลตฟอร์มได้ ฉันต้องการแปลงบรรทัดใหม่ที่ป้อนลงในพื้นที่ข้อความเป็น [ลูกน้ำ] เพื่อให้สามารถแสดงผลลัพธ์ได้ในบรรทัดเดียวคำถามของฉัน ... ขณะนี้การส่งจาก google chrome เมื่อฉันดูค่าฉันพบว่ามันใช้\r\nสำหรับบรรทัดใหม่ ถ้าฉันแทนที่\r\nฉันรู้ว่ามันจะใช้งานได้กับ chrome บน windows 7 แต่สิ่งที่เกี่ยวกับแพลตฟอร์มอื่น ๆ มีรูปแบบใดบ้างที่เบราว์เซอร์อื่นจะแทรกเป็นบรรทัดใหม่ภายในพื้นที่ข้อความ
88 html  textarea  newline 
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.