Jump to content

HTML tables and forms - W3CSS

Recommended Posts

Hello. Is this the right place to Discuss W3CSS ? Or is that a separate forum ?

I am not sure if this is a question, or suggestion - or both.


I have reviewed the INPUT and the TABLE information in the W3CSS pages, and can not locate the information I am after.

I am wondering about the correct technique of using tables and forms in ONE.  

Ive two scenarios in mind.

ONE: You display a table and EACH row contains its own FORM.

it contains, text, an input field, and in the 3rd column, its own submit button.  each form sends minimal data to get processed.

TWO: you have an HTML form, and a table.

There is ONE Form, with ONE submit button, but it has multiple table rows, containing text, input fields etc..

Is there an existing tutorial on this ? If not, can one be added to the W3CSS website (and a hyper link to/from the  INPUT and TABLE pages).


Share this post

Link to post
Share on other sites

Tables are used for showing tabular data, not for layout purposes, it also loads the table structure then finally  the content within in it, so it is loading twice compared to other elements, that is why you will not find such a tutorial.

Share this post

Link to post
Share on other sites

Like I said, that shows tables showing tabular data, none is used for layout purposes. To make it look like a table, use elements like a  div, these can be more responsive than using a table  for smaller devices.


CSS is presentational, it does not have tables as they are html, it styles html tables only.

Edited by dsonesuk

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...