input field displaying beneath bottom border

I created a simple php contact form and both the input fields and textarea are displaying the user typed text just below the bottom border. If I change the size of the box to a larger ratio I can see the text, but I need then to be smaller. Also with you type in the textarea the spacing between the lines is the entire height of the box. HELP!

.RSVP{
         color:#09F;
         display:block;
         font-size:18px;
         }
.input{
        color: #000;
        font-family:Arial, Helvetica, sans-serif;
        font-size:18px;
        text-align:center;
        height:50px;
        width: 100%;
        padding: 12px 20px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
     }

                   <br>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Name:
    <input id="name" class="input" name="name" type="text" value=" <?php echo isset($_POST['name'])? $_POST['name'] : ''; ?>" size="0" /><?php if(in_array('name', $validation)): ?><span class="error"><?php echo $error_messages['name']; ?></span><?php endif; ?>


    Email:<input id="email" class="input" name="email" type="text" value="<?php echo isset($_POST['email'])? $_POST['email'] : ''; ?>" size="0" /><?php if(in_array('email', $validation)): ?><span class="error"><?php echo $error_messages['email']; ?></span><?php endif; ?><br>

Message:
    <textarea id="message" class="inputmessage" name="message"  rows="1" cols="25"><?php echo isset($_POST['message'])? $_POST['message'] : ''; ?></textarea><?php if(in_array('message', $validation)): ?><span class="error"><?php echo $error_messages['message']; ?></span><?php endif; ?><br />

</form>     
<?php else: ?>
<?php endif; ?>
    </div>