আমার কাছে একটি ফর্মটিতে এই পাঠ্য ইনপুট রয়েছে:
<input type="text"
cols="40"
rows="5"
style="width:200px; height:50px;"
name="Text1"
id="Text1"
value="" />
আমি একাধিক লাইন ইনপুট নেওয়ার চেষ্টা করছি। প্রস্থ এবং উচ্চতা বাক্সটিকে আরও বড় করে তুলবে, তবে ব্যবহারকারী তার চাইলে সমস্ত পাঠ্য প্রবেশ করতে পারে তবে এটি কেবল একটি লাইন পূরণ করে।
আমি কীভাবে ইনপুটটিকে আরও বেশি টেক্সটরিয়ার মতো করব?
উত্তর:
মাল্টলাইন হ্যান্ডলিং পেতে আপনাকে একটি টেক্সারিয়া ব্যবহার করতে হবে।
<textarea name="Text1" cols="40" rows="5"></textarea>textareaসমর্থন করে না pattern। তাই ডার্ন।
val()। আপনার appendএটি করতে হবে। :(
কোনও পাঠ্য-ইনপুটটিকে মাল্টি-লাইনটি word-break: break-word;অ্যাট্রিবিউট দিয়ে তৈরি করা সম্ভব। (কেবলমাত্র এটি ক্রোমে পরীক্ষিত)
আপনি পারবেন না। লেখার সময়ে, শুধুমাত্র HTML ফর্ম উপাদান যে ডিজাইন করা বহু-লাইন <textarea>।
টেক্সটরিয়া ব্যবহার করুন
<textarea name="textarea" style="width:250px;height:150px;"></textarea>প্রারম্ভিক এবং বন্ধ হওয়া ট্যাগগুলির মধ্যে কোনও স্থান ছেড়ে যাবেন না অথবা এটি কিছু খালি লাইন বা স্পেস ছেড়ে দেবে।
এটা যাচাই কর:
TEXTAREA উপাদানটি একটি বহু-লাইন পাঠ্য ইনপুট নিয়ন্ত্রণ তৈরি করে
আপনার textareaএকাধিক-লাইন ইনপুট সমর্থন করতে ব্যবহার করা উচিত ।
<textarea rows="4" cols="50">
Here you can write some text to display in the textarea as the default text
</textarea>আপনার যদি স্বয়ংক্রিয় উচ্চতার টেক্সারিয়া দরকার হয় তবে খাঁটি জাভাস্ক্রিপ্টের সাহায্যে ব্যবহার করুন,
function auto_height(elem) { /* javascript */
elem.style.height = "1px";
elem.style.height = (elem.scrollHeight)+"px";
}.auto_height { /* CSS */
width: 100%;
}<textarea rows="1" class="auto_height" oninput="auto_height(this)"></textarea>ইনপুট একাধিক লাইন সমর্থন করে না। আপনাকে করার প্রয়োজন একটি পাঠ্য এলাকা ব্যবহার যা ফিচার অর্জন করা।
<textarea name="Text1"></textarea>মনে রাখবেন যে ট্যাগটির
<textarea>মধ্যে মান রয়েছে, গুণতে নয়:
<textarea>INITIAL VALUE GOES HERE</textarea>এটি নিজের মতো করে বন্ধ করা যায় না:
<textarea/>
আরও তথ্যের জন্য, এই একবার দেখুন ।
আপনি যদি প্রতিক্রিয়া ব্যবহার করে থাকেন তবে লাইব্রেরির উপাদান-ui.com আপনাকে এতে সহায়তা করতে পারে:
<FormControl>
<InputLabel htmlFor="textContract">{`textContract`}</InputLabel>
<Input
id="textContract"
multiline
rows="30"
type="text"
value={props.textContract}
onChange={() => {}}
/>
</FormControl>স্টোরেজ সহ <div contenteditable="true">( ভাল সমর্থিত ) ব্যবহার করুন <input type="hidden">।
এইচটিএমএল:
<div id="multilineinput" contenteditable="true"></div>
<input type="hidden" id="detailsfield" name="detailsfield">জেএস (jQuery ব্যবহার করে)
$("#multilineinput").on('keyup',function(e) {
$("#detailsfield").val($(this).text()); //store content to input[type=hidden]
});
//optional - one line but wrap it
$("#multilineinput").on('keypress',function(e) {
if(e.which == 13) { //on enter
e.preventDefault(); //disallow newlines
// here comes your code to submit
}
});
<textarea \>অবৈধ.