affc Posted June 23, 2008 Share Posted June 23, 2008 Gday all, I have finally worked out how to change the background of a Text Field but I cannot find anywhere how to change the Text of a Text Field and also to Center the Text in the Text Field: <HTML> <HEAD> </HEAD> <BODY> <form method=post action="/cgi-bin/vform"> <input type="text" name="text" style="background-color: tan;"> <input type=submit value="Submit"> </form> </BODY> </HTML> Quote Link to comment Share on other sites More sharing options...
affc Posted June 23, 2008 Author Share Posted June 23, 2008 I found out how to change the colour of the Text in a text field but now I just need to be able to Center the Text, any clues? <input type="text" name="text" style="background-color: tan; color:green"> Quote Link to comment Share on other sites More sharing options...
ramakrishna Posted June 23, 2008 Share Posted June 23, 2008 <HTML> <HEAD> </HEAD> <BODY> <form method=post action="/cgi-bin/vform" align="center"> <center> <input type="text" name="text" style="background-color: tan; color:green;"> <input type=submit value="Submit"> </form> </center> </BODY> </HTML> Quote Link to comment Share on other sites More sharing options...
dannyb785 Posted June 23, 2008 Share Posted June 23, 2008 Do you mean to center the tex field itself? or the text inside the field? If its the text field, then look above this post. If it's the text itself, add text-align:center; to the style paramaters in the input field. Quote Link to comment Share on other sites More sharing options...
TheFilmGod Posted June 23, 2008 Share Posted June 23, 2008 <HTML> <HEAD> </HEAD> <BODY> <form method=post action="/cgi-bin/vform" align="center"> <center> <input type="text" name="text" style="background-color: tan; color:green;"> <input type=submit value="Submit"> </form> </center> </BODY> </HTML> This will not validate. The <center> tag's aren't placed in correct order. Futhermore, <center> is deprecated. Use CSS, margin: 0 auto; to achieve the same result. If you want to center text: text-align: center; If you want to center the whole text box margin: 0 auto; Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.