Allora mi spiego mi sono scaricato da questo sito un esempio di form con elementi grafici, vi posto l'immagine e il codice css relativo:
dove ci sono i tag input:Codice PHP:<style type="text/css">
body{background: #FFF;color: #333;font:76% Verdana,Arial,sans-serif}
form#contact{width:320px !important;width /**/:350px;
height:275px !important; height /**/:300px;
margin: 0;padding: 15px 15px 10px;
background:#D3FFB6 url(formBk.png) no-repeat}
label{float: left;width: 90px;height: 30px;
font: 12px/30px Arial,sans-serif;
margin-right: 5px;text-align: right;color: #666}
input,textarea,button{border: 0px solid;color: #475078;
font: 12px Arial,sans-serif}
div.input-cont{float: left;width: 200px;height: 30px;
background: #D3FFB6 url(inputBk.png) no-repeat top left;
margin-bottom: 3px}
input{display: block;width: 175px;background: #FFF;
margin:5px 0 0 10px}
div.textarea-cont{float: left;width: 200px;height: 170px;
padding: 1px;background: #D3FFB6 url(textAreaBk.png) no-repeat}
textarea{width: 170px;height: 140px;margin: 10px}
button#go{float: left;width: 130px;text-align:center;
height:25px !important;height /**/:30px;line-height: 25px;
display: inline;margin-left:95px;padding: 1px 0 4px;
background: #D5D8E1 url(submitBk.png) no-repeat;
color: #000;cursor: pointer}
</style>
Codice PHP:<div>
<label for="nome">nome: </label>
<div class="input-cont"><input type="text" id="nome" name="nome"></div>
<label for="email">email: </label>
<div class="input-cont"><input type="text" id="email" name="email"></div>
<label for="message">messaggio: </label>
<div class="textarea-cont"><textarea id="message" name="message" rows=9 cols=20></textarea></div>
<button type="submit" id="go" value="invia">invia</button>
</div>

Rispondi quotando