Formulário Mobile

Ao abrir um formulário no mobile, precisamos ter a opção de controlar o teclado conforme o tipo de campo input.
E precisamos também ter a opção de abrir os inputs em 100% (apenas no mobile).

Tem solução via código? Sim.
Javascript/formulário/onload:

$('#id_sc_field_odometro_atual').attr('inputmode', 'numeric');
$('#id_sc_field_data').attr('inputmode', 'numeric');
$('#id_sc_field_valor_1').attr('inputmode', 'numeric');
$('#id_sc_field_valor_2').attr('inputmode', 'numeric');
$('#id_sc_field_litros_1').attr('inputmode', 'numeric');
$('#id_sc_field_litros_2').attr('inputmode', 'numeric');
$('#id_sc_field_valor_aditivo').attr('inputmode', 'numeric');

var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
  
if (isMobile) {

	$('input').css({
    	'width': '100%',
    	'box-sizing': 'border-box'
  	});
}

TAGS: HAROLDO, MOBILE, FORMULÁRIO, JAVASCRIPT, TECLADO, INPUT

1 Curtida