প্রতিবার আমি একটি নতুন ফর্ম বিকাশ করি যার মধ্যে একটি রয়েছে textarea করি তখন এর মধ্যে আমার একটি নিম্নলিখিত দ্বিধা থাকে যখন এর মাত্রা নির্দিষ্ট করার দরকার হয়:
ব্যবহারের সিএসএস বা ব্যবহারtextarea 'র বৈশিষ্ট্যাবলী colsএবং rows?
প্রতিটি পদ্ধতির কি কি?
এই বৈশিষ্ট্যগুলি ব্যবহার করার শব্দার্থক শব্দগুলি কী কী?
এটি সাধারণত কীভাবে হয়?
উত্তর:
আমি উভয় ব্যবহার করার পরামর্শ দিই। ক্লায়েন্ট সিএসএস সমর্থন না করলে সারি এবং কর্স প্রয়োজনীয় এবং দরকারী। তবে ডিজাইনার হিসাবে আমি তাদের ইচ্ছে মতো আকার পেতে ওভাররাইট করি।
এটি করার প্রস্তাবিত উপায়টি একটি বহিরাগত স্টাইলশীটের মাধ্যমে eg
line-heightআপনার টেক্সারিয়ার উচ্চতার জন্য একাধিক ব্যবহার করুন।
এটি টেক্সারিয়ার উচ্চতাটি প্রায় সারিগুলির পরিমাণ এবং এর চারপাশের প্যাডিংয়ের পরিমাণ নির্ধারণ করতে ট্রিগার করবে। সিএসএসের উচ্চতাটিকে পিক্সেলের যথাযথ পরিমাণে নির্ধারণ করা স্বেচ্ছাসেবী বিশিষ্ট স্থান ছেড়ে যায়।
height: auto;করা আমার পাঠ্যকে মোটেই প্রভাবিত করবে বলে মনে হচ্ছে না।
ডাব্লু 3 সি অনুসারে, কলস এবং সারি উভয়ই টেক্সারিয়াসের জন্য প্রয়োজনীয় বৈশিষ্ট্য। সারি এবং কর্স হ'ল পিক্সেল বা কিছু অন্যান্য সম্ভাব্য স্বেচ্ছাচারিত মানের পরিবর্তে টেক্সারিয়ায় অক্ষরগুলির উপযুক্ত হতে চলেছে। সারি / কলস দিয়ে যান।
উত্তরটি হল হ্যাঁ". যে, আপনার উভয় ব্যবহার করা উচিত। সারি এবং কলস ব্যতীত (এবং আপনি এটি স্পষ্টভাবে ব্যবহার না করলেও পূর্বনির্ধারিত মান রয়েছে) যদি কোনও CSS স্টাইলশিট সিএসএস অক্ষম করা হয় বা ওভাররাইড করা হয় তবে টেক্সারিটি অসাধারণভাবে ছোট। সর্বদা অ্যাক্সেসযোগ্যতার উদ্বেগকে মাথায় রাখুন। বলা হচ্ছে, যদি আপনার স্টাইলশিটটি টেক্সেরিয়ার উপস্থিতি নিয়ন্ত্রণ করতে দেওয়া হয় তবে আপনি সাধারণত এমন কোনও কিছু দিয়ে সজ্জিত করতে পারেন যা পুরোপুরি আরও ভাল দেখায়, সামগ্রিক পৃষ্ঠার নকশাকে ভালভাবে ফিট করে, এবং এটি ব্যবহারকারীর ইনপুটটি ধরে রাখতে আকার পরিবর্তন করতে পারে ( অবশ্যই ভাল স্বাদের সীমাবদ্ধতার মধ্যে)।
পাঠ্য অঞ্চলের জন্য আমরা আকার ঠিক করতে CSS এর নীচে ব্যবহার করতে পারি
<textarea class="form-control" style=" min-width:500px; max-width:100%;min-height:50px;height:100%;width:100%;" ></textarea>কৌণিক এবং কৌণিক 7 এ পরীক্ষিত
<textarea style="width:300px; height:150px;" ></textarea>একটি টেক্সারিয়ার আকার কলস এবং সারি বৈশিষ্ট্যগুলি দ্বারা নির্দিষ্ট করা যেতে পারে, বা আরও ভাল; সিএসএসের উচ্চতা এবং প্রস্থের বৈশিষ্ট্যগুলির মাধ্যমে। সমস্ত বড় ব্রাউজারে কলস বৈশিষ্ট্য সমর্থিত। একটি প্রধান পার্থক্য হ'ল এটি <TEXTAREA ...>একটি ধারক ট্যাগ: এটিতে একটি স্টার্ট ট্যাগ () রয়েছে।
আমি সাধারণত নির্দিষ্ট করে না height, তবে উল্লেখ করি width: ...এবং rowsএবং cols।
সাধারণত, আমার ক্ষেত্রে, কেবলমাত্র widthএবং rowsপ্রয়োজন হয়, টেক্সারিয়াকে অন্যান্য এলিমের সাথে সুন্দর দেখাতে। (এবং colsঅন্য একটি জবাব হিসাবে ব্যাখ্যা করা হয়েছে, কেউ যদি সিএসএস ব্যবহার না করে তবে একটি ফ্যালব্যাক)
((উভয় নির্দিষ্ট করে rowsএবং heightআমার মনে হয় যে ডুপ্লিকেট করা ডেটার মতো কিছুটা অনুভূত হয়?))
টেক্সারিয়ার একটি প্রধান বৈশিষ্ট্য হ'ল এগুলি প্রসারিত। কোনও ওয়েব পৃষ্ঠায় এটির ফলে স্ক্রল বারগুলি পাঠ্য অঞ্চলটিতে উপস্থিত হতে পারে যদি পাঠ্যের দৈর্ঘ্যটি আপনার সেট করা স্থানটি পূরণ করে (সারি ব্যবহার করে, বা এটি সিএসএস ব্যবহার করেই করুন। এটি কোনও সমস্যা হতে পারে যখন কোনও ব্যবহারকারী মুদ্রণের সিদ্ধান্ত নেয়, বিশেষত: পিডিএফ-তে 'মুদ্রণ' - সুতরাং শর্তযুক্ত সিএসএস বিধি সহ মুদ্রিত পাঠ্যগুলির জন্য স্বাচ্ছন্দ্যে বড় ন্যূনতম উচ্চতা নির্ধারণ করুন:
@media print {
textarea {
min-height: 900px;
}
}আপনি যদি প্রতিটি সময় লাইন-উচ্চতা ব্যবহার না করেন তবে: '..'; সম্পত্তি এটির পাঠ্য দৈর্ঘ্যের উচ্চতা এবং প্রস্থের প্রস্থের প্রস্থের জন্য নিয়ন্ত্রণ করে।
অথবা আপনি সিএসএস অনুসরণ করে হরফ আকার ব্যবহার করতে পারেন:
#sbr {
font-size: 16px;
line-height:1.4;
width:100%;
}এইচটিএমএল সারি এবং কলগুলি প্রতিক্রিয়াশীল নয়!
তাই আমি সিএসএসে আকারটি সংজ্ঞায়িত করি। টিপ হিসাবে: আপনি যদি মোবাইলগুলির জন্য একটি ছোট আকারের সংজ্ঞা দেন তবে ব্যবহার সম্পর্কে ভাবেনtextarea:focus {};
এখানে কিছু অতিরিক্ত স্থান যুক্ত করুন, যা কেবলমাত্র কোনও ব্যবহারকারী প্রকৃতপক্ষে কিছু লিখতে চাইলে সেই মুহুর্তটি উন্মোচিত হবে
input
{
width: 300px;
height: 40px;
} <textarea rows="4" cols="50">HELLO</textarea>