html - Why am I forced to start typing halfway down the input box? Want to start at top and when it reaches end of box wrap to next line -
#main { margin-top: 2rem; margin-bottom: 2rem; } #main #main-col { float: left; width: 68%; margin-right: 2%; } #main #sidebar { float: right; width: 30%; } #main #sidebar #sidebar-message { height: 90px; width: 90%; } <aside id="sidebar"> <h3>advice? leave message!</h3> <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. nam tellus ex, pharetra et orci sollicitudin, luctus consequat massa. donec dapibus neque id lobortis efficitur. morbi ultrices neque ut ipsum rhoncus mollis.</p> <form> full name:<br> <input type="text" name="fullname"><br> message:<br> <input type="text" name="message" id="sidebar-message"><br> </form> </aside>
want have user start typing @ top(like twitter) , when reaches end of box wrap next line. want restrict users typing outside box.
you've used text input 1 line of text. need use textarea instead.
<aside id="sidebar"> <h3>advice? leave message!</h3> <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. nam tellus ex, pharetra et orci sollicitudin, luctus consequat massa. donec dapibus neque id lobortis efficitur. morbi ultrices neque ut ipsum rhoncus mollis.</p> <form> full name:<br> <input type="text" name="fullname"><br> message:<br> <textarea name="message" id="sidebar-message"></textarea><br> </form> </aside>
Comments
Post a Comment