PDA

Click to See Complete Forum and Search --> : How to increase textbox height not textarea

sathysudha
11-18-2003, 05:23 AM
Friends
I have to increase the height of the textbox not the textarea.
and also i have to increase the height of the <select></select>
can anyone try it and help me?

thanks
sudhakar
Charles
11-18-2003, 05:50 AM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Content-Script-Type" content="text/javascript">
<title>Example</title>

<style type="text/css">
<!--
label {display:block; margin:1em 0em}
input, textarea, select {display:block}
input, select, option {height:5em}
-->
</style>

<form action="">
<div>
<label>Name<input type="text"></label>
<label>Comments<textarea></textarea></label>
<label>Giant Says<select>
<option>Fee</option>
<option>Fie</option>
<option>Foe</option>
<option>Fum</option>
</select></label>
<button type="submit">Submit</button>
</div>
</form>
sathysudha
11-18-2003, 06:08 AM
thanks for your help but try to adjust the height and width of the input text box
Charles
11-18-2003, 06:13 AM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Content-Script-Type" content="text/javascript">
<title>Example</title>

<style type="text/css">
<!--
label {display:block; margin:1em 0em}
input, textarea, select {display:block}
input, select, option {height:5em; width:5em}
-->
</style>

<form action="">
<div>
<label>Name<input type="text"></label>
<label>Comments<textarea></textarea></label>
<label>Giant Says<select>
<option>Fee</option>
<option>Fie</option>
<option>Foe</option>
<option>Fum</option>
</select></label>
<button type="submit">Submit</button>
</div>
</form>
sathysudha
11-18-2003, 06:23 AM
ok its working
i was trying with frontpage editor. its not working. If i changed through code its working.

thanks for your help