I'm building a form
, where I have two radios inline
and a input
below. I just do not know why input
is casting in radios
, leaving form
all misaligned. Here's the code:
<section class="col col-3">
<div class="form-inline">
<!--ng-show='pessoa.id_tipo_pessoa == 1'-->
<div class="form-group" ng-show="labelPF">
<input type="radio" ng-model='pessoa.id_tipo_pessoa' value="1" onClick="$('#cadastroPF-form').clearValidation();" ng-click="pessoa.cnpj=''" id="pf">
<i></i>CPF
</div>
<div class="form-group" ng-show="labelPJ">
<input type="radio" ng-model='pessoa.id_tipo_pessoa' value="2" onClick="$('#cadastroPF-form').clearValidation();" ng-click="pessoa.cpf=''" id="pj">
<i></i>CNPJ
</div>
</div>
<label ng-show='pessoa.id_tipo_pessoa == 1' class="input">
<i class="icon-append fa fa-user"></i>
<input type="text" name="cpf" id="cpf" data-mask="999.999.999-99" placeholder="Número CPF" ng-model="pessoa.cpf" ng-blur="getCpf('cpf')">
</label>
<label ng-show='pessoa.id_tipo_pessoa == 2' class="input">
<i class="icon-append fa fa-user"></i>
<input type="text" name="cnpj" id="cnpj" data-mask="99.999.999/9999-99" placeholder="Número CNPJ" ng-model="pessoa.cnpj" ng-blur="getCnpj('cnpj')">
</label>
</section>