টেক্সেরিয়া আকার পরিবর্তন করুন

Question

আমি আমার সাইটে টেক্সেরিয়া আকার পরিবর্তন করার চেষ্টা করছি; এখনই আমি এই পদ্ধতিটি ব্যবহার করছি:

.textarea {
    clear:left;
    min-width: 267px;
    max-width: 267px;
    min-height:150px;
    max-height:150px;
}

আমি জানি যে আমার পদ্ধতিটি সঠিক নয় এবং আমি জাভাস্ক্রিপ্টে আরও ভালটির জন্য অনুসন্ধান করছি। আমি একটি শিক্ষানবিস, সুতরাং আমার জন্য সেরা সমাধানটি HTML5 বা jQuery হবে।

Answer 1

আকার পরিবর্তন অক্ষম করতে এই সিএসএস চেষ্টা করুন

সমস্ত টেক্সেরিয়াসের জন্য পুনরায় আকারটি অক্ষম করতে সিএসএস দেখতে দেখতে এ রকম দেখাচ্ছে:

textarea {
    resize: none;
}

পরিবর্তে আপনি কেবল এটি নামে একক টেক্সারিয়াকে বরাদ্দ করতে পারেন (যেখানে টেক্সারিয়া এইচটিএমএল রয়েছে):

textarea[name=foo] {
    resize: none;
}

অথবা আইডি দ্বারা (যেখানে টেক্সারিয়া এইচটিএমএল রয়েছে):

#foo {
    resize: none;
}

থেকে নেওয়া: http://www.electrictoolbox.com/disable-textarea-resizing-safari-chrome/

Comments

কেবল কোনও সমাধানের সাথে সংযোগ স্থাপনের পরিবর্তে আপনার এটি এখানে একটু ব্যাখ্যা করা উচিত। ভবিষ্যতে এই প্রশ্নটি দেখার মতো আরও অনেক লোক উত্তরের জন্য একটি লিঙ্কে ক্লিক করতে বিরক্ত হবে না। এখানে কিছু বিশদ যুক্ত করুন এবং আমি আপনার উত্তরটি +1 করব।

— জন ইজল্যান্ড 19

Answer 2

এটি আপনার কাজ করবে

  textarea{
        resize:none;
    }

Answer 3

CSS3 এই সমস্যার সমাধান করতে পারে। দুর্ভাগ্যক্রমে এটি আজকাল ব্যবহৃত brow০% ব্যবহৃত ব্রাউজারে সমর্থিত ।

আইআই এবং আইওএসের জন্য আপনি আকার পরিবর্তন করতে পারবেন না তবে আপনি textareaএর widthএবং সেট করে মাত্রা সীমাবদ্ধ করতে পারেন height।

/* One can also turn on/off specific axis. Defaults to both on. */
textarea { resize:vertical; } /* none|horizontal|vertical|both */

ডেমো দেখুন

Answer 4

এটি কেবল এইচটিএমএল টেনে আনতে সক্ষম বৈশিষ্ট্যটি ব্যবহার করে সহজেই করা যায়

<textarea name="mytextarea" draggable="false"></textarea>

ডিফল্ট মান সত্য।

Comments

প্রশ্ন টেক্সারিয়াকে পুনরায় আকার দেওয়ার বিষয়ে, টেনে আনুন এবং ছাড়ার বিষয়ে নয়। সুতরাং যেমন প্রত্যাশিত, টেক্সারিয়াতে এই বৈশিষ্ট্যটি সেট করা Chrome এ কৌশলটি করে না (কমপক্ষে)।

— 19:44 এ

Answer 5

কেবলমাত্র একটি অতিরিক্ত বিকল্প, আপনি যদি অ্যাপ্লিকেশনটিতে সমস্ত টেক্সেরিয়াসের জন্য ডিফল্ট আচরণটি ফিরিয়ে দিতে চান তবে আপনি নিম্নলিখিতটি আপনার সিএসএসে যুক্ত করতে পারেন:

textarea:not([resize="true"]) {
  resize: none !important;
}

আপনি যেখানে আকার পরিবর্তন করতে চান তা সক্ষম করতে নিম্নলিখিতটি করুন:

<textarea resize="true"></textarea>

মনে রাখবেন যে সমাধানটি আপনি সমর্থন করতে চাইতে পারেন এমন সমস্ত ব্রাউজারে কাজ না করে। আপনি resizeএখানে সমর্থনের তালিকাটি চেক করতে পারেন : http://caniuse.com/#feat=css-resize

Answer 6

প্রশ্ন অনুসারে, আমি উত্তরগুলি জাভাস্ক্রিপ্টে তালিকাভুক্ত করেছি

ট্যাগ নাম নির্বাচন করে

document.getElementsByTagName('textarea')[0].style.resize = "none";

আইডি নির্বাচন করে

document.getElementById('textArea').style.resize = "none";

Answer 7

//CSS:
.textarea {
    resize: none;
    min-width: //-> Integer number of pixels
    min-height: //-> Integer number of pixels
    max-width: //-> min-width
    max-height: //-> min-height
}

উপরের কোডটি বেশিরভাগ ব্রাউজারে কাজ করে

//HTML:
<textarea id='textarea' draggable='false'></textarea>

এটি ব্রাউজারের সর্বাধিক সংখ্যক কাজের জন্য উভয়ই করুন

Answer 8

এটি আমার পক্ষে কাজ করে

<textarea
  type='text'
  style="resize: none"
>
Some text
</textarea>