limit form names then line break

[searls03]

how do I make this form here have a limit on the value's name, then it moves to the next line?

 

<form action=\"reply.php?com_id=$com_id\" method=\"post\">
<font color='brown'><u><input type=\"submit\" name ='submit' class=\"link\" value='$title'></u></font>
</form>

[Fadion]

What? Your question, at least to me, doesn't make any sense!

 

PS: The "font" tag is deprecated and underlining an input element makes no sense at all. You can use CSS to specify font type, color and decorations.

 

Ex:

input { color:brown; font-size:15px; text-decoration:underline; }

[searls03]

ok, first off let me explain, I edited the button to be a link with css, but what I want to do, is make the value(what shows) limited to a certain number of letters/words then the rest moves to the next line.........does that make sense?

[Fadion]

Oh lol, think I got it, but it has nothing to do with PHP.

 

CSS Code

input.link { width:100px; } /* change the value to your needs */

 

The width property will specify the dimensions of the button and if it's value attribute goes longer than 100px (or whatever), it will break the line.

[searls03]

sorry, I post here so often, I forget that it isn't always php......sorry,  also I put it here cause the form was in PHP tags.  Anyways, thanks for the help

[searls03]

alright, I just realized that it underlines until the width has been reached........so there could be a word 2 px long but it will underline 100 px long.......how do I fix this?

[searls03]

ok, the line didn't break, but it just cut it off.......is there a way to fix this?

[Fadion]

You're right, didn't think well about it. Input button can't break, but you can use the button tag which is a lot more flexible. It acts in the same exact way as an input type submit.

 

<form action="reply.php?com_id=$com_id" method="post">
<button type="submit" name="submit" class="link">A very long lone which should normally break across several lines.</button>
</form>

 

CSS Code

button.link { background:none; border:none; width:100px; }