অ্যান্ড্রয়েডে মোবাইল ওয়েবসাইটের সংখ্যা সহ কী-বোর্ড কীভাবে জোর করবেন

Question 1

আমার একটি মোবাইল ওয়েবসাইট রয়েছে এবং এতে এর মধ্যে কিছু HTML inputউপাদান রয়েছে:

<input type="text" name="txtAccessoryCost" size="6" />

আমি WebViewসম্ভাব্য অ্যান্ড্রয়েড ২.১ গ্রাহনের জন্য সাইটটিকে এম্বেড করেছি , যাতে এটি একটি অ্যান্ড্রয়েড অ্যাপ্লিকেশনও হয়।

এই এইচটিএমএল inputউপাদানটি কেন্দ্রীভূত করাতে অক্ষরের সাথে ডিফল্টের পরিবর্তে সংখ্যাগুলির সাথে কিবোর্ড পাওয়া সম্ভব ?

অথবা, এটি যদি কোনও এইচটিএমএল উপাদানটির পক্ষে সম্ভব না হয় তবে পুরো অ্যাপ্লিকেশনটির জন্য এটি নির্ধারণ করা ( ম্যানিফেস্ট ফাইলের মধ্যে কিছু হতে পারে )?

Question 2

<input type="number" />
<input type="tel" />

এই উভয়ই সংখ্যার কীপ্যাড উপস্থাপন করে যখন ইনপুটটি ফোকাস করে।

<input type="search" /> অতিরিক্ত অনুসন্ধান বোতাম সহ একটি সাধারণ কীবোর্ড দেখায়

বাকি সমস্ত কিছুই স্ট্যান্ডার্ড কীবোর্ড নিয়ে আসে বলে মনে হচ্ছে।

Question 3

গুরুত্বপূর্ণ তথ্য

আমি এটি একটি উত্তর হিসাবে পোস্ট করছি, কোনও মন্তব্য নয়, কারণ এটি বরং গুরুত্বপূর্ণ তথ্য এবং এটি এই ফর্ম্যাটে আরও মনোযোগ আকর্ষণ করবে।

অন্যান্য ফেলো ইঙ্গিত অনুসারে, আপনি একটি ডিভাইসকে আপনাকে type="number"/ এর সাথে একটি সংখ্যাসূচক কীবোর্ড দেখানোর জন্য বাধ্য করতে পারেন type="tel", তবে আমার অবশ্যই জোর দিতে হবে যে আপনাকে এটি সম্পর্কে অত্যন্ত সতর্ক হতে হবে।

যদি কেউ প্রত্যাশা করে যে কোনও জিরো দিয়ে শুরু 000222হচ্ছে, তবে তার সমস্যা হওয়ার সম্ভাবনা রয়েছে কারণ কিছু ব্রাউজার (উদাহরণস্বরূপ ডেস্কটপ ক্রোম) সার্ভারে প্রেরণ করবে 222, যা সে চায় না।

সম্পর্কে type="tel"আমি অনুরূপ কিছু বলতে পারি না তবে ব্যক্তিগতভাবে আমি এটি ব্যবহার করি না, কারণ বিভিন্ন টেলিফোনে এর আচরণের পরিবর্তন হতে পারে। আমি নিজেকে সিম্পলেটেড করে রেখেছি pattern="[0-9]*"যা অ্যান্ড্রয়েডে কাজ করে না

Question 4

এই কাজ করা উচিত. তবে অ্যান্ড্রয়েড ফোনে আমার একই সমস্যা রয়েছে।

<input type="number" /> <input type="tel" />

আমি জানতে পেরেছি যে, আমি যদি জ্যাকারিমোবাইল-ফ্রেমওয়ার্কটি অন্তর্ভুক্ত না করি তবে কীপ্যাড দুটি ধরণের ক্ষেত্রে সঠিকভাবে প্রদর্শন করেছে।

তবে আপনাকে যদি সত্যিই জ্যাকোরিমোবাইল ব্যবহারের প্রয়োজন হয় তবে আমি এই সমস্যাটির সমাধানের জন্য কোনও সমাধান পাইনি।

আপডেট: আমি জানতে পেরেছি যে, যদি ফর্ম-ট্যাগটি বাইরে সংরক্ষণ করা হয়

<div data-role="page">

কীপ্যাড নম্বরটি দেখানো হয়নি। এটি অবশ্যই একটি বাগ হতে হবে ...

Question 5

inputmodeWHATWG স্পেক অনুসারে ডিফল্ট পদ্ধতি।

আইওএস ডিভাইসগুলির জন্য যুক্ত patternকরাও সহায়তা করতে পারে।

পশ্চাদপদ সামঞ্জস্যের জন্য typeক্রোম যেহেতু version 66 সংস্করণ ব্যবহার করে।

<input
  inputmode="numeric"
  pattern="[0-9]*"
  type="number"
/>

Question 6

কিছু ব্রাউজার আইগনার সার্ভারে নেতৃস্থানীয় শূন্য প্রেরণ করে যখন ইনপুট টাইপ "নম্বর" হয়। সুতরাং আমি একটি সংখ্যার কীপ্যাড লোড করতে jquery এবং html এর মিশ্রণটি ব্যবহার করি এবং এটিও নিশ্চিত করে তুলি যে মানটি কোনও সংখ্যা হিসাবে নয় পাঠ্য হিসাবে প্রেরণ করা হয়েছে:

$(document).ready(function(){
$(".numberonly").focus(function(){$(this).attr("type","number")});
$(".numberonly").blur(function(){$(this).attr("type","text")});
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="numberonly">

স্নিপেট প্রসারিত করুন

Question 7

input type = number

আপনি যখন একটি নম্বর ইনপুট সরবরাহ করতে চান, আপনি HTML5 ইনপুট টাইপ = "সংখ্যা" বৈশিষ্ট্য মানটি ব্যবহার করতে পারেন।

<input type="number" name="n" />

এখানে আইফোন 4 এ আসা কীবোর্ডটি রয়েছে:

এইচটিএমএল 5 ইনপুট টাইপ নম্বর অ্যান্ড্রয়েড 2.2 এর আইফোন স্ক্রিনশট টাইপ = সংখ্যার জন্য এই কীবোর্ডটি ব্যবহার করে:

এইচটিএমএল 5 ইনপুট ধরণের সংখ্যার অ্যান্ড্রয়েড স্ক্রিনশট

Question 8

নম্বর ইনপুটটিতে একটি পদক্ষেপের বৈশিষ্ট্য যুক্ত করুন

<input type="number" step="0.01">

সূত্র: http://blog.pamelafox.org/2012/05/triggering-numeric-keyboards-with-html5.html