এইচটিএমএল ইনপুট পাঠ্য বাক্সের আকার কীভাবে সংজ্ঞায়িত করা যায়?


90

এখানে একটি HTML ইনপুট পাঠ্য বাক্স রয়েছে:

<input type="text" id="text" name="text_name" />

বাক্সের আকার নির্ধারণের বিকল্পগুলি কী কী?

কীভাবে এটি সিএসএসে প্রয়োগ করা যেতে পারে?



কিছু ক্ষেত্রে কেবল max-width
সেটিংসই

উত্তর:


129

আপনি এটি সেট করতে পারেন width:

<input type="text" id="text" name="text_name" style="width: 300px;" />

বা আরও ভাল একটি ক্লাস সংজ্ঞায়িত:

<input type="text" id="text" name="text_name" class="mytext" />

এবং একটি পৃথক সিএসএস ফাইলে প্রয়োজনীয় স্টাইলিং প্রয়োগ করুন:

.mytext {
    width: 300px;
}

আপনি যদি ব্যবহারকারী এই পাঠ্যবক্সে টাইপ করতে পারেন এমন অক্ষরের সংখ্যা সীমাবদ্ধ করতে চান তবে আপনি maxlengthবৈশিষ্ট্যটি ব্যবহার করতে পারেন :

<input type="text" id="text" name="text_name" class="mytext" maxlength="25" />

11
এছাড়াও: আপনি "em" (এবং "px" নয়) এর আকারে প্রস্থ পরিবর্তন করতে পারেন এবং তারপরে আকারটি পাঠ্য বাক্সের ফন্ট-আকারের সমানুপাতিক
আলেকজান্ডার বার্ড


8

এটা চেষ্টা কর

<input type="text" style="font-size:18pt;height:420px;width:200px;">

অথবা

 <input type="text" id="txtbox">

সিএসএস সহ:

 #txtbox
    {
     font-size:18pt;
     height:420px;
     width:200px;
    }

4
আপনার উত্তর নতুন কিছু যোগ করে না এবং আপনার CSS এ ইউনিট (px, pt,% v, ইত্যাদি) নির্দিষ্ট করা উচিত
জন পি

4
ভাল- হরফ আকার (শৈলী = "হরফ-আকার: 18pt") আমি সন্ধান করছি এবং এটি বাক্সের আকারও বাড়িয়ে তোলে। যদিও ওপি দ্বারা স্পষ্টভাবে জিজ্ঞাসা করা হয়নি, এটির সাথে মানও যুক্ত হয়।
ওল্ফ 5

এটি কাজ করে। তাই অনেক ধন্যবাদ। তবে পাঠ্যটি নিজেকে উল্লম্বভাবে কেন্দ্র করে বলে মনে হচ্ছে। আমি কি কোনও উপায়ে এটি প্রতিরোধ করতে পারি?
হারুন জন সাবু

@ অ্যারোন জনসবা বিলম্বের জন্য দুঃখিত .. প্রস্থের আকার বাড়ানোর চেষ্টা করুন .. আশা করি আপনি ইতিমধ্যে উত্তর পেয়ে
গেছেন

3

আপনি ইনলাইন স্টাইলিংয়ের মাধ্যমে পিক্সেলগুলিতে প্রস্থটি সেট করতে পারেন:

<input type="text" name="text" style="width: 195px;">

আপনি দৃশ্যমান অক্ষরের দৈর্ঘ্যের সাথে প্রস্থও সেট করতে পারেন:

<input type="text" name="text" size="35">

-2
<input size="45" type="text" name="name">

"আকার" উপাদান ইনপুটটির অক্ষরে দৃশ্যমান প্রস্থ নির্দিষ্ট করে।

আপনি CSS থেকে উচ্চতা এবং প্রস্থও ব্যবহার করতে পারেন।

<input type="text" name="name" style="height:100px; width:300px;">
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.