আমি কি CSS এ সর্বাধিক দৈর্ঘ্য নির্দিষ্ট করতে পারি?


85

আমি কি সিএসএসের কিছু দিয়ে সর্বোচ্চ দৈর্ঘ্যের বৈশিষ্ট্যটি প্রতিস্থাপন করতে পারি?

<input type='text' id="phone_extension" maxlength="4" />

উত্তর:


69

না। এটি HTML এ করা দরকার। আপনার যদি প্রয়োজন হয় তবে আপনি জাভাস্ক্রিপ্টের সাথে মানটি সেট করতে পারেন।


127

না

সর্বোচ্চতা আচরণের জন্য।

সিএসএস স্টাইলিংয়ের জন্য।

এই কারণে.


এছাড়াও, যে কোনও ট্যাগে সিএসএসকে বিশ্বব্যাপী প্রয়োগ করা যেতে পারে, তাই কোনও ডিভ বা ইমগ ইত্যাদিতে সর্বাধিক দৈর্ঘ্যের সম্পত্তি প্রয়োগ করা অর্থহীন হবে না
ড্যান ডিপ্লো

4
তবে আপনি যদি ইনপুট ধরণের একটি সাধারণ সেট (যেমন প্রথম নাম, শহর, রাজ্য) এর উপর একটি সর্বোচ্চ দৈর্ঘ্যের সম্পত্তি প্রয়োগ করতে চেয়েছিলেন এবং ওয়েব সাইটের মাধ্যমে আপনি বিভিন্ন জায়গায় সেই ইনপুটগুলির একাধিক উদাহরণ পেতে পারেন what কোনও শ্রেণি সংজ্ঞায়িত করতে সক্ষম হওয়া দুর্দান্ত হবে (যেমন 'ফার্স্টনেম') এবং তারা এই শ্রেণিটি সমস্ত প্রথম নাম ইনপুটগুলিতে প্রয়োগ করে <ইনপুট শ্রেণি = "প্রথম নাম">
8:41

@ ক্যাচপপস এটি এইচটিএমএলের একটি সীমাবদ্ধতা এবং এর চারপাশে কাজ করার জন্য সিএসএস ব্যবহার করা কুৎসিত হ্যাক হবে। এজন্য বেশিরভাগ ওয়েব ফ্রেমওয়ার্কগুলি কাস্টম উপাদানগুলির সাথে একটি টেম্পলেট সিস্টেম সরবরাহ করে।
গ্যাব্রিয়েল


6

আমি মনে করি না আপনি পারবেন না, এবং CSS কীভাবে পৃষ্ঠাটি যা দেখায় তা কীভাবে দেখায় না তা বর্ণনা করার কথা বলে মনে করা হয়, তাই আপনি যদি পারতেন তবে এটি কীভাবে আপনার ব্যবহার করা উচিত তা সত্য নয়।

সম্ভবত আপনার ফর্মের উপাদানগুলিতে সাধারণ কার্যকারিতা প্রয়োগ করতে JQuery ব্যবহার করার কথা ভাবা উচিত?



3

সিএসএসের সাথে নয়, তবে আপনি জাভাস্ক্রিপ্টের সাহায্যে পছন্দসই আচরণ অনুকরণ এবং প্রসারিত / কাস্টমাইজ করতে পারেন।


2

অন্যরা যেমন উত্তর দিয়েছে, সরাসরি কোনও সিএসএস শ্রেণিতে সর্বোচ্চ দৈর্ঘ্য যুক্ত করার কোনও উপায় নেই।

তবে এই সৃজনশীল সমাধানটি আপনি যা সন্ধান করছেন তা অর্জন করতে পারে।

আমার সাইটে maxLengths.js নামের একটি ফাইলের jQuery রয়েছে যা আমি সাইটে উল্লেখ করি (এএসপির জন্য সাইট.মাস্টার)

এটি কর্মে দেখতে স্নিপেট চালান, ভাল কাজ করে।

jquery, সিএসএস, এইচটিএমএল:

$(function () {
    $(".maxLenAddress1").keypress(function (event) {

        if ($(this).val().length == 5) { /* obv 5 is too small for an address field, just want to use as an example though */
            return false;
        } else {
            return true;
        }

    });
});
.maxLenAddress1{} /* this is here mostly for intellisense usage, but can be altered if you like */
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<input type="text" class="maxLenAddress1" />

এটি ব্যবহারের সুবিধা: যদি এই ধরণের ক্ষেত্রের সর্বাধিক দৈর্ঘ্যটি ধাক্কা দেওয়া বা আপনার পুরো অ্যাপ্লিকেশন জুড়ে প্রয়োজন হয় তবে আপনি এটিকে এক জায়গায় পরিবর্তন করতে পারবেন one গ্রাহক কোড, পুরো নাম ক্ষেত্র, ইমেল ক্ষেত্রগুলি, আপনার অ্যাপ্লিকেশন জুড়ে সাধারণ কোনও ক্ষেত্রের মতো ক্ষেত্রগুলির ক্ষেত্রে ক্ষেত্রের দৈর্ঘ্যের জন্য কাজ করে।


4
একাধিক ক্ষেত্রের ধরণের জন্য এই কোডটি অনুলিপি করা খুব সহজ। আমি "maxLengths.js" নামে একটি পৃথক jQuery ফাইল রাখি এবং এটি আমার সাইট মাস্টারে অন্তর্ভুক্ত করি। এটি চেষ্টা করে দেখুন, এটি খুব সুবিধাজনক!
টেলর ব্রাউন

আপনি এইচটিএমএল ক্লাস ব্যবহার করার কারণে এটি সিএসএস নয়।
nyuszika7h

@ nyuszika7h আমার উত্তরে আপনার প্রশংসা করা ইনপুট জন্য ধন্যবাদ আমি তর্ক করব যখন আমি উপাদানটিতে কোনও স্টাইল প্রয়োগ করছি না, আমি এখনও আমার সমাধানে একটি ক্যাসকেডিং স্টাইল শীট ব্যবহার করছি, তাই সিএসএস ব্যবহার করা হচ্ছে। আপনার পর্যবেক্ষণ প্রতিফলিত করতে আমি আমার উত্তর আপডেট করেছি।
টেলর ব্রাউন

1

ব্যবহারের $("input").attr("maxlength", 4) আপনি jQuery সংস্করণ <1.6 ব্যবহার করা হয় তবে করছি এবং $("input").prop("maxLength", 4) আপনি jQuery সংস্করণ ব্যবহার করছেন যদি 1.6+।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.