form input text in table; how to fill table cell space

S

sdf

I'm trying to create a table of form input text cells, like this:

<form>
<table>
<thead>
<tr>
<th>First Column</th>
<th>Second Column</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" name="r1c1" /></td>
<td><input type="text" name="r1c2" /></td>
</tr>
<tr>
<td><input type="text" name="r2c1" /></td>
<td><input type="text" name="r2c2" /></td>
</tr>
</tbody>
</table>
</form>
</p>

Is there a way the text input window can be defined to fill the cell
area no matter
what size the table is? I could define input's size attribute, I
tihnk, if the table
were of a set size, but the table size can vary.

Thanks.
 
A

Adrienne Boswell

I'm trying to create a table of form input text cells, like this:

<form>
<table>
<thead>
<tr>
<th>First Column</th>
<th>Second Column</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" name="r1c1" /></td>
<td><input type="text" name="r1c2" /></td>
</tr>
<tr>
<td><input type="text" name="r2c1" /></td>
<td><input type="text" name="r2c2" /></td>
</tr>
</tbody>
</table>
</form>
</p>

Is there a way the text input window can be defined to fill the cell
area no matter
what size the table is? I could define input's size attribute, I
tihnk, if the table
were of a set size, but the table size can vary.

Thanks.

Better:
<form method="post" action="someurl">
<fieldset><legend>Form or section title</legend>
<label for="field1">Field1 </label> <input type="text" name="field1"
id="field1"><br>
<label for="field2">Field2 </label> <input type="text" name="field2"
id="field2"><br>
<p><input type="submit" value="Submit"></p>
</fieldset>
</form>

Replace field with appropriate field names. R1C1 is not really going to
help you when doing server side form processing - are you going to
remember what R1C1 is when you are get the information back from the
client?

The user also needs some kind of labeling so they know what information
should be put into the field.

The elements can be styled with CSS to be whatever width you desire.
Have a look at http://www.intraproducts.com/usenet/requiredform.asp .
This form is in ASP but can easily be converted to other languages, and
the markup, CSS, and server side processing are included.
 
J

Jonathan N. Little

sdf said:
I'm trying to create a table of form input text cells, like this:

<form>
<table>
<thead>
<tr>
<th>First Column</th>
<th>Second Column</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" name="r1c1" /></td>
<td><input type="text" name="r1c2" /></td>
</tr>
<tr>
<td><input type="text" name="r2c1" /></td>
<td><input type="text" name="r2c2" /></td>
</tr>
</tbody>
</table>
</form>
</p>

Is there a way the text input window can be defined to fill the cell
area no matter
what size the table is? I could define input's size attribute, I
tihnk, if the table
were of a set size, but the table size can vary.


Firstly you know the table will only be as wide as it needs to be for
the content, so I will set it here for the demonstration

table { width: 90% }

Now I can make the inputs 100% but they will overtake any cell padding
so I will use 99%

td input { width: 99% }
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,755
Messages
2,569,536
Members
45,007
Latest member
obedient dusk

Latest Threads

Top