এইচটিএমএল 5.org অনুসারে , "নম্বর" ইনপুট টাইপের "মান বৈশিষ্ট্যটি নির্দিষ্ট করা থাকলে এবং খালি না হলে অবশ্যই একটি মান থাকতে হবে যা একটি বৈধ ভাসমান পয়েন্ট সংখ্যা।"
তবু এটি সহজভাবে (ক্রোমের সর্বশেষ সংস্করণে, যাইহোক) পূর্ণসংখ্যার সাথে "আপডেটডাউন" নিয়ন্ত্রণ, ভাসমান নয়:
<input type="number" id="totalAmt"></input>এইচটিএমএল 5-এর কোনও ফ্লোটিং পয়েন্ট ইনপুট উপাদানটি রয়েছে, বা নম্বরগুলি ইনপুট নয়, নম্বরগুলি ইনপুট টাইপের সাথে কাজ করার উপায়? বা আমি কি কোনও jQuery UI প্লাগইন অবলম্বন করব?
উত্তর:
numberধরনের একটি হয়েছে stepমান নিয়ন্ত্রণের যা সংখ্যার বৈধ (সহ maxএবং min), যা ডিফল্ট 1। এই মানটি স্টেপার বোতামগুলির জন্য বাস্তবায়নের মাধ্যমেও ব্যবহৃত হয় (অর্থাত্ বাড়িয়ে দিয়ে চাপিয়ে দেওয়া step)।
এই মানটি যথাযথভাবে পরিবর্তন করুন। অর্থের জন্য, দুটি দশমিক জায়গা সম্ভবত প্রত্যাশিত:
<input type="number" step="0.01">( min=0এটি কেবল ইতিবাচক হতে পারলে আমি সেটও করতাম )
আপনি যদি কোনও দশমিক স্থানের অনুমতি দিতে পছন্দ করেন তবে আপনি ব্যবহার করতে পারেন step="any"(মুদ্রার জন্য হলেও, আমি এর সাথে লেগে থাকার পরামর্শ দিই 0.01)। ক্রোম এবং ফায়ারফক্সে, স্টিপার বোতামগুলি ব্যবহারের সময় 1 দ্বারা বৃদ্ধি / হ্রাস পাবে any। (নির্দেশ করার জন্য মাইকেল স্টেফানোর জবাবকে ধন্যবাদ any, এবং এখানে সম্পর্কিত প্রবন্ধটি দেখুন )
বিভিন্ন ধাপগুলি বিভিন্ন ইনপুট প্রকারকে কীভাবে প্রভাবিত করে তা দেখানোর জন্য এখানে একটি খেলার মাঠ রয়েছে:
<form>
<input type=number step=1 /> Step 1 (default)<br />
<input type=number step=0.01 /> Step 0.01<br />
<input type=number step=any /> Step any<br />
<input type=range step=20 /> Step 20<br />
<input type=datetime-local step=60 /> Step 60 (default)<br />
<input type=datetime-local step=1 /> Step 1<br />
<input type=datetime-local step=any /> Step any<br />
<input type=datetime-local step=0.001 /> Step 0.001<br />
<input type=datetime-local step=3600 /> Step 3600 (1 hour)<br />
<input type=datetime-local step=86400 /> Step 86400 (1 day)<br />
<input type=datetime-local step=70 /> Step 70 (1 min, 10 sec)<br />
</form>যথারীতি, আমি একটি দ্রুত নোট যুক্ত করব: মনে রাখবেন যে ক্লায়েন্ট-সাইডের বৈধতা ব্যবহারকারীর পক্ষে কেবল একটি সুবিধা just আপনাকে অবশ্যই সার্ভার-সাইডে বৈধতা দিতে হবে!
ভায়া: http://blog.isotoma.com/2012/03/html5-input-typenumber- এবং-decimalsfloats-in-chrome/
তবে আপনি যদি চান যে সমস্ত সংখ্যার বৈধ, পূর্ণসংখ্যা এবং দশমিক একত্রে হয়? এই ক্ষেত্রে, "যে কোনও" তে পদক্ষেপ সেট করুন
<input type="number" step="any" />অন্যান্য ব্রাউজারে পরীক্ষিত নয়, ক্রোমে আমার জন্য কাজ করে।
তুমি ব্যবহার করতে পার:
<input type="number" step="any" min="0" max="100" value="22.33">আপনি ইনপুট ধরণের সংখ্যার পদক্ষেপের বৈশিষ্ট্যটি ব্যবহার করতে পারেন:
<input type="number" id="totalAmt" step="0.1"></input>step="any"কোন দশমিক অনুমতি দেবে।
step="1"কোন দশমিক অনুমতি দেবে।
step="0.5"অনুমতি দেবে 0.5; 1; 1.5; ...
step="0.1"0.1 অনুমতি দেবে; 0.2; 0.3; 0.4; ...
এই উত্তরের ভিত্তিতে
<input type="text" id="sno" placeholder="Only float with dot !"
onkeypress="return (event.charCode >= 48 && event.charCode <= 57) ||
event.charCode == 46 || event.charCode == 0 ">অর্থ:
চর কোড:
0, 1, 2, 3, 4, 5, 6, 7, 8, 9Backspace(অন্যথায় ফায়ারফক্সে রিফ্রেশ পৃষ্ঠা দরকার)dot&&হয় AND, ||হয় ORঅপারেটর।
যদি আপনি কমা দিয়ে ভাসা চেষ্টা করেন:
<input type="text" id="sno" placeholder="Only float with comma !"
onkeypress="return (event.charCode >= 48 && event.charCode <= 57) ||
event.charCode == 44 || event.charCode == 0 ">সমর্থিত ক্রোমিয়াম এবং ফায়ারফক্স (লিনাক্স এক্স 64) (অন্য ব্রাউজারগুলির আমার অস্তিত্ব নেই))
আমার ঠিক একই সমস্যা ছিল এবং ফরাসী স্থানীয়করণের কারণে আমি কেবলমাত্র কমা রেখে সংশোধন করতে পারলাম না এবং একটি পিরিয়ড / পুরো স্টপ নাও ।
সুতরাং এটি এর সাথে কাজ করে:
2 ঠিক আছে
2,5 ঠিক আছে
2.5 কেও (সংখ্যাটি "অবৈধ" হিসাবে বিবেচিত হয় এবং আপনি খালি মূল্য পান)।