/    Sign up×
Community /Pin to ProfileBookmark

TEXTAREA positioning

hello all, I have a pretty simple (i hope) question that is simply too simple for me:p

I have a form on my website that collects customer data using a php script that i’ve been working on. In the form, I wanted to add a questions/comments box to the bottom, right before the submit button.

I wanted to just use an input type=text just like the rest of the fields on my form, but realized that you can’t make a text input multiple lines (or can you?) without using TEXTAREA

So, I wrote in a textarea field above the submit button, below everything else. for some reason however, when i published it…it published in the wrong position, in between 2 user input fields. So then I wrapped the TEXTAREA in <td> and <tr> and that but me in the right spot, but then it extended my page and made everything go out of porportion (made the page too wide, even though the textarea had less columns than my form)

I need help.? here’s part of the code:

[code=html]<table cellspacing=3>
<tr><td>Type of Card:<td colspan=”3″>
<Input type=’Radio’Name=’Cardtype’value=’Mastercard’>MC
<Input type=’Radio’Name=’Cardtype’value=’Visa’>VISA
<Input type=’Radio’Name=’Cardtype’value=’AMEX’>AMEX</td></tr>

<table cellspacing=3>
<tr><td>Account #:<td colspan=”3″>
<input size=20 maxlength=20 type=text name=cardnumber
<td>Exp Date:<td colspan=”3″>
<input size=6 maxlength=6 type=text name=exp
<td>CVV2#:<td colspan=”3″>
<input size=6 maxlength=6 type=text name=cvv2
<td></td></tr>

<table cellspacing=3>
<tr><td>Name on Card:<td colspan=”3″>
<input size=50 maxlength=50 type=text name=cardname
</td></tr>

<table cellspacing=3>
<tr><td>Billing Address for above card:<td colspan=”3″>
<input size=50 maxlength=50 type=text name=address
</td></tr>

<tr><td colspan=”3″><Input type = ‘checkbox’ Name =’agree’ value= ‘I have read, understand and agree to the terms & conditions of this agreement.’>I have read, understand and agree to the <a href=”maintterms.html” target=”popsome””> Terms and Conditions</a> of this agreement.</td></tr><br>

<b><u>Comments:</u></b><TEXTAREA NAME=”comments” COLS=40 ROWS=6></TEXTAREA>

<td>&nbsp;</td>
<td>&nbsp;</td>
<td><input type=submit value=” Submit ” name=submit style=”font-size: 10pt; font-family: Tahoma”></td></tr>
</table>
</div>
</form>

</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor=”#B1DDF2″ style=”border-top: 1px solid #015885″>[/code]

again, I just want a comment box under all the form data but before the submit button, if there is an easier way or a different way you prefer to do this, please let me know. all help is appreciated.

thank you

to post a comment
HTML

2 Comments(s)

Copy linkTweet thisAlerts:
@KDLAAug 31.2009 — <i>
</i>&lt;table cellspacing=3&gt;
&lt;tr&gt;
&lt;td&gt;Type of Card:&lt;/td&gt;
&lt;td&gt;&lt;Input type="Radio" Name="Cardtype" value="Mastercard"&gt;MC&lt;/td&gt;
&lt;td&gt;&lt;Input type="Radio" Name="Cardtype" value="Visa"&gt;VISA&lt;/td&gt;
&lt;td&gt;&lt;Input type="Radio" Name="Cardtype" value='AMEX'&gt;AMEX&lt;/td&gt;
&lt;/td&gt;
&lt;/tr&gt;


&lt;tr&gt;
&lt;td&gt;Account #:&lt;/td&gt;
&lt;td&gt;&lt;input size=20 maxlength=20 type=text name=cardnumber&gt;&lt;/td&gt;
&lt;td&gt;Exp Date:&lt;/td&gt;
&lt;td&gt;&lt;input size=6 maxlength=6 type=text name=exp&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;CVV2#:&lt;/td&gt;
&lt;td colspan="3"&gt;&lt;input size=6 maxlength=6 type=text name=cvv2&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Name on Card:&lt;/td&gt;
&lt;td colspan=3&gt;
&lt;input size=50 maxlength=50 type=text name=cardname
&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
&lt;td&gt;Billing Address for above card:&lt;/td&gt;
&lt;td colspan="3"&gt;
&lt;input size=50 maxlength=50 type=text name=address&gt;
&lt;/td&gt;&lt;/tr&gt;

&lt;tr&gt;&lt;td colspan="4"&gt;&lt;Input type = 'checkbox' Name ='agree' value= 'I have read, understand and agree to the terms &amp; conditions of this agreement.'&gt;I have read, understand and agree to the &lt;a href="maintterms.html" target="popsome""&gt; Terms and Conditions&lt;/a&gt; of this agreement.&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;
&lt;b&gt;&lt;u&gt;Comments:&lt;/u&gt;&lt;/b&gt;&lt;/td&gt;
&lt;td colspan="3"&gt;&lt;TEXTAREA NAME="comments" COLS=40 ROWS=6&gt;&lt;/TEXTAREA&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;tr&gt;&lt;td colspan="4"&gt;&lt;input type=submit value=" Submit " name=submit style="font-size: 10pt; font-family: Tahoma"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
Copy linkTweet thisAlerts:
@theshangstaauthorAug 31.2009 — thank youuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu thankyouthankyou
×

Success!

Help @theshangsta spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 4.29,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...