Member 13682154 Ответов: 1

Как создать таблицу с отдельными столбцами

Я пытаюсь сделать три текстовые кнопки в одном столбце и три переключателя (все в одной строке) и семь контрольных кнопок (также все в одной строке) в другом столбце.

Что я уже пробовал:

<table>
  <tr>
    <th colspan="2">User registration</th>
  </tr>
  <tr >
    <td ><tr>
				<td></td>
				<td>Full name: <br>
					<input name="name" id="name_input" type="text" >
				</td>
			</tr>
            <tr>
                <td></td>
                <td>Email: <br>
                    <input id="email" type="email">
                </td>
            </tr> 
			<tr>
				<td></td>
				<td>City <br>
					<input name="name" id="city" type="text" >
				</td>
			</tr></td>
	</tr>
	
	<tr>
    
                <td>Ride in group? <br>
                    <label for="one">Always</label>
                    <input type="radio" id="a" name="feature" value="true">
                    <label for="two">Sometimes</label>
                    <input type="radio" id="s" name="feature" value="false" />
					<label for="two">Never</label>
                    <input type="radio" id="n" name="feature" value="false" />
					
                </td>
          </tr>
			
               
                <td>Days of the week <br>
                    <label for="one">Sun</label>
                    <input type="checkbox" id="sun" name="feature" value="true">
                    <label for="two">Mon</label>
                    <input type="checkbox" id="mon" name="feature" value="false" />
					<label for="two">Tue</label>
                    <input type="checkbox" id="tue" name="feature" value="false" />
					<label for="two">Wen</label>
                    <input type="checkbox" id="wen" name="feature" value="false" />
					<label for="two">Thu</label>
                    <input type="checkbox" id="thu" name="feature" value="false" />
					<label for="two">Fri</label>
                    <input type="checkbox" id="fri" name="feature" value="false" />
					<label for="two">Sat</label>
                    <input type="checkbox" id="sat" name="feature" value="false" />
					<button  class="inline" id="cancel" value="Cancel" style="float:right">Cancel </button>
<input type="button" class="inline" id="save"  value="Save" style="float:right">
</div></form></div>
                </td></tr>
          
  </tr>
 
</table>

1 Ответов

Рейтинг:
2

Member 8810567

Привет Я думаю что вам нужно сначала сделать таблицы и строки а после того как вы закончите с этим вставить свои метки кнопки и т. д.
Может быть, что-то подобное вы ищете:

<form action="somewhere to whatever">

<table>
 <tr>
    <th colspan="2">User registration</th>
 </tr>
 <tr>
		<td>Full name: </td>
		<td><input name="name" id="name_input" type="text"/></td>
 </tr>
 <tr>
        <td>Email: </td>
        <td><input id="email" type="text"/></td>
 </tr> 
 <tr>
		<td>City </td>
		<td><input name="name" id="city" type="text" ></td>
 </tr>
 <tr>
		<td colspan="2">Ride in group? <br/>
                    <label for="one">Always</label>
                    <input type="radio" id="a" name="feature" value="true" checked="checked"/>
                    <label for="two">Sometimes</label>
                    <input type="radio" id="s" name="feature" value="false1" />
					<label for="two">Never</label>
                    <input type="radio" id="n" name="feature" value="false2" />
		</td>
 </tr>
 <tr>
		<td colspan="2">Days of the week <br/>
                    <label for="one">Sun</label>
                    <input type="checkbox" id="sun" name="feature1" value="true"/>
                    <label for="two">Mon</label>
                    <input type="checkbox" id="mon" name="feature2" value="false" />
					<label for="two">Tue</label>
                    <input type="checkbox" id="tue" name="feature3" value="false" />
					<label for="two">Wen</label>
                    <input type="checkbox" id="wen" name="feature4" value="false" />
					<label for="two">Thu</label>
                    <input type="checkbox" id="thu" name="feature5" value="false" />
					<label for="two">Fri</label>
                    <input type="checkbox" id="fri" name="feature6" value="false" />
					<label for="two">Sat</label>
                    <input type="checkbox" id="sat" name="feature7" value="false" />
        </td>
 </tr>
 <tr>
		<td colspan="2"></td>
 </tr>
			<tr>
				<td colspan="2">
                  <button class="inline" id="Button1" value="Cancel" style="float:right">Cancel</button>
				  <button class="inline" id="save"  value="Save" style="float:right">Save</button>
                </td>
			</tr>
       
</table>

</form>
</div>