#html #forms #html-table
Вопрос:
lt;fieldset style="width: 400px;"gt; lt;legendgt;lt;h2gt;Form Validationlt;/h2gt;lt;/legendgt; lt;formgt; lt;tablegt; lt;trgt; lt;tdgt;Name:lt;/tdgt; lt;tdgt;lt;input type="text" name="ime"gt;lt;/tdgt; lt;/trgt; lt;trgt; lt;tdgt;Usernamelt;/TDgt; lt;tdgt;lt;input type="text" name="username"gt;lt;/tdgt; lt;/trgt; lt;/tablegt; lt;input type="submit" value="Submit" name="send"gt; lt;/formgt; lt;/fieldsetgt; В настоящее время я создаю форму внутри таблицы… Это что-то новое для меня, так как я не знаю, как это сделать. Выше приведен код, который я пробовал, и мне нужно что-то вроде этого.
Если кто-нибудь сможет наставить меня на правильный путь, я буду очень благодарен.
Примечание: Как вы можете видеть на рисунке выше, его должно быть colspan 3, чтобы все они могли иметь одинаковую ширину. Я сделал идеальный вариант с just lt;formgt; , но я только что узнал, что мы должны делать это внутри стола…
Ответ №1:
Самый простой способ сделать это colgroup — там вы можете указать, сколько места в таблице должен занимать любой столбец. Для вашего примера это было бы что-то вроде этого: (пожалуйста, обратите внимание, что я не чувствовал всех необходимых строк)
lt;fieldset style="width: 400px;"gt; lt;legendgt;lt;h2gt;Form Validationlt;/h2gt;lt;/legendgt; lt;formgt; lt;tablegt; lt;colgroupgt; lt;col width="40%"/gt; lt;col width="60%"/gt; lt;/colgroupgt; lt;trgt; lt;tdgt;Name:lt;/tdgt; lt;tdgt;lt;input type="text" name="ime"gt;lt;/tdgt; lt;/trgt; lt;trgt; lt;tdgt;Username:lt;/tdgt; lt;tdgt;lt;input type="text" name="username"gt;lt;/tdgt; lt;/trgt; lt;trgt; lt;tdgt;Password:lt;/tdgt; lt;tdgt;lt;input type="text" name="username"gt;lt;/tdgt; lt;/trgt; lt;trgt; lt;tdgt;Re-type password:lt;/tdgt; lt;tdgt;lt;input type="text" name="username"gt;lt;/tdgt; lt;/trgt; lt;trgt; lt;tdgt;Gender:lt;/tdgt; lt;tdgt; lt;input type="radio" id="male" name="gender" /gt; lt;label for="male"gt;Malelt;/labelgt; lt;input type="radio" id="female" name="gender" /gt; lt;label for="female"gt;Femalelt;/labelgt; lt;input type="radio" id="other" name="gender" /gt; lt;label for="other"gt;Otherlt;/labelgt; lt;/tdgt; lt;/trgt; lt;trgt; lt;tdgt;Programming skills:lt;/tdgt; lt;tdgt; lt;input type="checkbox" id="java"/gt; lt;label for="java"gt;Javalt;/labelgt; lt;input type="checkbox" id="ruby"/gt; lt;label for="ruby"gt;Rubylt;/labelgt; lt;input type="checkbox" id="net"/gt; lt;label for="net"gt;.Netlt;/labelgt; lt;/tdgt; lt;/trgt; lt;/tablegt; lt;input type="submit" value="Submit" name="send"gt; lt;/formgt; lt;/fieldsetgt;