Yo lo hice de la siguiente manera, pero no se si es lo que buscas, por que es algo super poco comun que te pidan
Mira, aqui te dejo un ejemplo de lo q hice...
Código HTML:
<html>
<head>
<title>Texto Vertical</title>
<style media="screen">
textarea {
overflow: hidden;
font-size: 15px;
font-family: 'Verdana', Geneva, sans-serif;
color:#333;
width: 3ex;
letter-spacing: 1ex;
text-align: center;
}
</style>
<script>
<!-- Borrar Textarea
function limp(){
document.all.form1.txtvertical.value=""}
// -->
<!-- Enviar Textarea
function submit(){
document.form1.txtvertical.submit()
}
// -->
</script>
</head>
<body>
<form name="form1" method="post" action="www.google.cl">
<label for="textarea"></label>
<textarea name="txtvertical" wrap="physical" id="textarea" cols="1"
rows="11">VERTICAL</textarea>
<input type="button" value="Enviar" onclick="submit()">
<input type="button" value="Borrar" onclick="limp()">
</form>
</body>
</html> Solamente que para este truco se utiliza un textarea en vez de un input y es necesario el javascript para darle funcion de enviar y borrar a los botones