Converter letra Maiúscula em Minuscula na caixa de texto!
<input type="email" name="email" required="g-recaptcha-response" class="form-control"
placeholder="Email para Verificar" aria-describedby="sizing-addon1">
Como posso fazer com a pessoa mesmo que digite o email em letra maiúscula ela se transforme em letra minuscula na caixa de texto?
Não sei se ajuda mais esse é o codigo da parte completa da caixa de texto:
<section style="padding: 0">
<form method="post" action="{{ url('/verify') }}">
{!! csrf_field() !!}
<div class="row">
<div class="col-lg-5">
<div class="input-group has-feedback{{ $errors->has('name') ? ' has-error' : '' }}">
<span class="input-group-addon" id="sizing-addon1" style="background-color: #ffffff; font- weight: bold; color: #777777;">@</span>
<input type="email" name="email" required="g-recaptcha-response" class="form-control"
placeholder="Email para Verificar" aria-describedby="sizing-addon1">
@if ($errors->has('name'))
<span class="help-block">
<strong>{{ $errors->first('name') }}</strong>
</span>
@endif
</div>
</div>
</div>
<section>
<div class="row">
Exemplo de uma caixa de texto que achei na net. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Transformar letras minúsculas em maiúsculas</title>
<style type="text/css">
#mestre{
width:500px;
text-align:center;
margin:200px auto;
}h2{
font-family:Arial, Helvetica, sans-serif;
}input{
width:500px;
height:40px;
border:2px solid #999;
line-height:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
}
</style>
<script type="text/javascript">
function alteraMaiusculo(){
var valor = document.getElementById("campo").texto;
var novoTexto = valor.value.toLowerCase();
valor.value = novoTexto;
}
</script>
</head>
<body>
<div id="mestre">
<form name="formulario" id="campo">
<h2>Digite um texto no campo abaixo:</h2>
<input type="text" name="texto" onkeyup="alteraMaiusculo()" />
</form>
</div>
</body>
</html>Discussão (2)
Carregando comentários...