phrobert 29 de jul. de 2016
<div class= “row” >
<div class= “form-group col-md-3” >
<label for= “objetivo” > Objetivo</label>
<textarea name= “objetivo” id= “objetivo” class= “form-control” rows= “5” placeholder= “Objetivo” required ></textarea>
</div>
<div class= “form-group col-md-3” >
<label for= “descricao” > Descrição</label>
<textarea name= “descricao” id= “descricao” class= “form-control” rows= “5” placeholder= “Descrição” required ></textarea>
</div>
<div class= “form-group col-md-3” >
<label for= “posicionamento” > Posicionamento</label>
<textarea name= “posicionamento” id= “posicionamento” class= “form-control” rows= “5” placeholder= “Posicionamento” required ></textarea>
</div>
<div class= “form-group col-md-3” >
<label for= “observacao” > Observação</label>
<textarea name= “observacao” id= “observacao” class= “form-control” rows= “5” placeholder= “Observação” required ></textarea>
</div>
</div>
& lt ; div class = "row" & gt ;
& lt ; div class = "form-group col-md-3" & gt ;
& lt ; label for = "envolvidosNome1" & gt ; Envolvidos & lt ; / label & gt ;
& lt ; input type = "text" class = "form-control" required value = "" id = "nomEnvolvidos1" placeholder = "Nome" & gt ;
& lt ; / div & gt ;
& lt ; div class = "form-group col-md-2" & gt ;
& lt ; label for = "envolvidosArea1" & gt ; & nbsp ; & lt ; / label & gt ;
& lt ; input type = "text" class = "form-control" required value = "" id = "envolvidosArea1" placeholder = "Área/Empresa" & gt ;
& lt ; / div & gt ;
& lt ; div class = "form-group col-md-2" & gt ;
& lt ; label for = "envolvidosTel1" & gt ; & nbsp ; & lt ; / label & gt ;
& lt ; input type = "text" class = "form-control" required value = "" id = "envolvidosTel1" placeholder = "Telefone" & gt ;
& lt ; / div & gt ;
& lt ; div class = "form-group col-md-4" & gt ;
& lt ; label for = "observacao" & gt ; Observação ( Envolvidos ) & lt ; / label & gt ;
& lt ; textarea name = "EnvolvidosObservacao" id = "EnvolvidosObservacao" class = "form-control" rows = "5" placeholder = "Observação" required & gt ; & lt ; / textarea & gt ;
& lt ; / div & gt ;
& lt ; / div & gt ;
Vejo que está criando um formulario, para eu entender melhor oq deseja me diga porque tantas divs?
Pacato 29 de jul. de 2016
É que não manjo muito e fui criando de um modelo da net.
phrobert 29 de jul. de 2016
ok, blz… olha vc já tinha id nos forms não precisa dessas divs. para alinhas é bom usar css. olha o seu formulario oq fiz nele. la no topo criei um campo de estilo.
<!DOCTYPE>
<html>
<head>
<meta charset= "utf-8" />
<title> Meu Formulario</title>
<style>
.alinhamento{
display: inline-block;
width: 120px;
}
</style>
</head>
<body>
<form>
<fieldset> <legend> Tabela</legend>
<p><label for= "objetivo" class= "alinhamento" > Objetivo:;</label><textarea name= "objetivo" id= "objetivo" class= "form-control" rows= "5" placeholder= "Objetivo" required= "required" > </textarea></p>
<p> <label for= "descricao" class= "alinhamento" > Descrição:</label><textarea name= "descricao" id= "descricao" class= "form-control" rows= "5" placeholder= "Descrição" ></textarea></p>
<p><label for= "posicionamento" class= "alinhamento" > Posicionamento:</label><textarea name= "posicionamento" id= "posicionamento" class= "form-control" rows= "5" placeholder= "Posicionamento" required ></textarea></p>
<p><label for= "observacao" class= "alinhamento" > Observação:</label>
<textarea name= "observacao" id= "observacao" class= "form-control" rows= "5" placeholder= "Observação" required ></textarea></p>
<p><label for= "envolvidosNome1" class= "alinhamento" > Envolvidos</label>
<input type= "text" class= "form-control" required value= "" id= "nomEnvolvidos1" placeholder= "Nome" ></p>
<p><label for= "envolvidosArea1" class= "alinhamento" > Envolvidos(2)</label>
<input type= "text" class= "form-control" required value= "" id= "envolvidosArea1" placeholder= "Área/Empresa" ></p>
<p><label for= "envolvidosTel1" class= "alinhamento" > Envolvidos(3)</label>
<input type= "text" class= "form-control" required value= "" id= "envolvidosTel1" placeholder= "Telefone" ></p>
<p><label for= "observacao" class= "alinhamento" > Observação (Envolvidos)</label>
<textarea name= "EnvolvidosObservacao" id= "EnvolvidosObservacao" class= "form-control" rows= "5" placeholder= "Observação" required ></textarea></p>
</fieldset>
</form>
</body>
</html>
phrobert 29 de jul. de 2016
RESULTADO ABAIXO APOS CORREÇÃO DO SEU CODIGO.
Pacato 29 de jul. de 2016
é que quero criar uma estrutura de campos um do lado do outro… para não ficar um embaixo do outro.
phrobert 29 de jul. de 2016
Que tal assim???
<!DOCTYPE>
<html>
<head>
<meta charset= "utf-8" />
<title> Meu Formulario</title>
<style>
.alinhamento{
display:inline-block;
float:right;
width:100%;
position:absolute;
}
.form-control{
margin-top:20px;
}
</style>
</head>
<body>
<form>
<fieldset> <legend> Tabela</legend>
<label for= "objetivo" class= "alinhamento" > Objetivo:</label><textarea name= "objetivo" id= "objetivo" class= "form-control" rows= "5" placeholder= "Objetivo" required > </textarea>
<label for= "descricao" class= "alinhamento" > Descrição:</label><textarea name= "descricao" id= "descricao" class= "form-control" rows= "5" placeholder= "Descrição" ></textarea>
<label for= "posicionamento" class= "alinhamento" > Posicionamento:</label><textarea name= "posicionamento" id= "posicionamento" class= "form-control" rows= "5" placeholder= "Posicionamento" required ></textarea>
<label for= "observacao" class= "alinhamento" > Observação:</label>
<textarea name= "observacao" id= "observacao" class= "form-control" rows= "5" placeholder= "Observação" required ></textarea>
<label for= "envolvidosNome1" class= "alinhamento" > Envolvidos</label>
<input type= "text" class= "form-control" required value= "" id= "nomEnvolvidos1" placeholder= "Nome" >
<label for= "envolvidosArea1" class= "alinhamento" > Envolvidos(2)</label>
<input type= "text" class= "form-control" required value= "" id= "envolvidosArea1" placeholder= "Área/Empresa" > >
<label for= "envolvidosTel1" class= "alinhamento" > Envolvidos(3)</label>
<input type= "text" class= "form-control" required value= "" id= "envolvidosTel1" placeholder= "Telefone" >
<label for= "observacao" class= "alinhamento" > Observação (Envolvidos)</label>
<textarea name= "EnvolvidosObservacao" id= "EnvolvidosObservacao" class= "form-control" rows= "5" placeholder= "Observação" required ></textarea>
</fieldset>
</form>
</body>
</html>
phrobert 29 de jul. de 2016
Pacato 29 de jul. de 2016
<!DOCTYPE>
.alinhamento{
display : inline - block ;
float : right ;
width : 100 %;
position : absolute ;
}
.form-control {
margin-top: 20 px ;
}
</style>
<body>
<fieldset> <legend> Tabela</legend>
& lt ; label for = "objetivo" class = "alinhamento" & gt ; Objetivo :& lt ;/ label & gt ;& lt ; textarea name = "objetivo" id = "objetivo" class = "form-control" rows = "5" placeholder = "Objetivo" required & gt ; & lt ;/ textarea & gt ;
<label for=“descricao” class=“alinhamento”>Descrição:</label><textarea name=“descricao” id=“descricao” class=“form-control” rows=“5” placeholder=“Descrição” ></textarea>
& lt ; label for = "posicionamento" class = "alinhamento" & gt ; Posicionamento : & lt ; / label & gt ; & lt ; textarea name = "posicionamento" id = "posicionamento" class = "form-control" rows = "5" placeholder = "Posicionamento" required & gt ; & lt ; / textarea & gt ;
& lt ; label for = "observacao" class = "alinhamento" & gt ; Observação : & lt ; / label & gt ;
& lt ; textarea name = "observacao" id = "observacao" class = "form-control" rows = "5" placeholder = "Observação" required & gt ; & lt ; / textarea & gt ;
& lt ; label for = "envolvidosNome1" class = "alinhamento" & gt ; Envolvidos & lt ; / label & gt ;
& lt ; input type = "text" class = "form-control" required value = "" id = "nomEnvolvidos1" placeholder = "Nome" & gt ;
& lt ; label for = "envolvidosArea1" class = "alinhamento" & gt ; Envolvidos ( 2 ) & lt ; / label & gt ;
& lt ; input type = "text" class = "form-control" required value = "" id = "envolvidosArea1" placeholder = "Área/Empresa" & gt ; & gt ;
& lt ; label for = "envolvidosTel1" class = "alinhamento" & gt ; Envolvidos ( 3 ) & lt ; / label & gt ;
& lt ; input type = "text" class = "form-control" required value = "" id = "envolvidosTel1" placeholder = "Telefone" & gt ;
& lt ; label for = "observacao" class = "alinhamento" & gt ; Observação ( Envolvidos ) & lt ; / label & gt ;
& lt ; textarea name = "EnvolvidosObservacao" id = "EnvolvidosObservacao" class = "form-control" rows = "5" placeholder = "Observação" required & gt ; & lt ; / textarea & gt ;
</fieldset>
</body>
legal, obrigado
