2012-10-10 78 views
15

Tôi đang sử dụng nội dung có thể chỉnh sửa trong một số phần trong ứng dụng lưu giữ thời gian của chúng tôi. Vì chúng ta đang ghi thời gian, một cách tự nhiên, tôi muốn bàn phím tự động chuyển sang bàn phím số cho người dùng ipad. Tôi đã thử thêm tất cả các thuộc tính đến các yếu tố mà tôi có thể nghĩ ra như:Bàn phím số lực trên ipad cho phần tử có thể chỉnh sửa

  • Loại = số
  • Loại = tel
  • mẫu = [0-9] *

nhưng ipad vẫn tải bàn phím mặc định.

Dưới đây là một ví dụ:

<div class="editable validate numbers-only" contenteditable="true" type="number" pattern="[0-9]*">3</div> 

Có bất kỳ thủ đoạn mà tôi có thể sử dụng để hiển thị bàn phím số cho người dùng ipad của tôi?

+0

Tôi nhầm lẫn, đây có phải là trường nhập HTML hay không? – BigOmega

+1

Không, nó dành cho một phần tử HTML có thể chỉnh sửa, không phải là đầu vào HTML. Vì vậy, tôi có thể nhấp/nhấn vào phần tử và có thể chỉnh sửa được mà không cần sử dụng phần tử đầu vào. Dưới đây là một ví dụ: http://html5demos.com/contenteditable – Peteinatlanta

+2

Vâng, đây là một câu hỏi hay chết tiệt. – BigOmega

Trả lời

2

này chỉ đưa tôi vào :) Tôi thấy điều này: Iphone Development - How to display a numeric keyboard?

không chắc chắn nếu bạn nhận được bất cứ nơi nào với nó, nhưng nó đã thay đổi cách bố trí bàn phím khi tôi đưa vào

onKeypress="if(event.keyCode < 48 || event.keyCode > 57){return false;}" 

lẽ fiddle xung quanh một chút. Tôi không có đủ thời gian để kiểm tra :) (Và không thể bình luận được). cổ vũ

+1

Tôi thậm chí sẽ đi cho onkeydown = "if (event.keyCode> 57) {return false;}". Keydown là một chút tốt hơn cho mục đích và fi cũng sẽ cho phép mũi tên, backspace, del vv, do đó, người dùng có thể chỉnh sửa nội dung. –

+6

Điều này ngăn người dùng nhập bất kỳ thứ gì ngoài số nhưng không hiển thị bàn phím số. – Dave

Các vấn đề liên quan