使用CSS的HTML表单布局

文章/答案/技术大牛

发布

4回答

css、forms、xhtml

我需要为数据输入构建一个表单，比方说FirstName和LastName。我知道如何在桌子上做这些。在第一个标签中，我放置了一个<td>标签，在第二个标签中，我使用了一个带有type="text"属性的输入标签。这样，标签和文本框将排成两列。有没有办法用CSS做到这一点？

浏览 0提问于2009-04-10得票数 15

12回答

在html中显示表单时使用table标记是不是很糟糕的设计？

html、css、forms、layout

我一直听说应该将div标签用于布局目的，而不是table标签。那么这也适用于表单布局吗？我知道表单布局仍然是一种布局，但似乎使用div创建表单布局需要更多的html和css。因此，考虑到这一点，表单布局是否应该使用div标记？

浏览 10提问于2008-09-20得票数 22

回答已采纳

4回答

使用css的html表单的列布局

html、forms、css

我需要创建的水平形式，其中每个字段出现在其标签和形式，基本上列格式，其中标签和字段出现在一列。我试着在表格格式中使用它，但是它并不适用于动态表单，因为我不知道表单中将出现的字段和标签的数量。我搜索并发现第一方法给出的水平布局，但字段和标签不显示为列格式。甚至有可能做到这一点，只是div或表是唯一的方式？标签行需要在其周围有一个边框，以便使其显示为单行。更新了预期输出

浏览 0提问于2013-12-31得票数 0

回答已采纳

1回答

如何通过scala更改play 2.1.0中使用helper创建的表单样式

scala、playframework、playframework-2.1

我想水平显示表单域。但是当我使用@helper.form时，它们是垂直的。如何更改play 2.1.0中表单的设计

浏览 1提问于2013-09-28得票数 0

1回答

无法将表单标记添加到表中

javascript、html、reactjs、react-native

当我将表单标签添加到表格中时，我的输入域被隐藏了，并且我得到了如下警告： index.js:1446 Warning: validateDOMNesting(...): <tr> cannot appear这是我的代码： <Table hover bordered striped responsive size="sm"> <tr> <th>Id</th>当我验证这个字段时，我需要一个表单

浏览 47提问于2019-03-19得票数 1

回答已采纳

2回答

如何显示我自己的html表单而不使用{{ form.as_p }与forms.py django？

html、css、django、authentication、django-forms

我有一个forms.py文件，里面有用户创建表单。它工作得很好，但我唯一能在其中显示字段(first_name、last_name、用户名、电子邮件、密码和密码确认)的方法是编写{{ form.as_p }。我想用我的风格来展示它。有什么办法吗？

浏览 11提问于2022-09-13得票数 0

2回答

Orbeon更改了xform的行为:警报/xform:h3lp

orbeon、xforms

Stackoverflow不允许标题中的“帮助”一词。因此，h3lp <xforms:help ref="$helptext"/>在Orbeon 3.9中，只有当绑定失败时，警报才会显示为带有白色感叹号的红色帮助显示为蓝色图像，其

浏览 2提问于2015-03-05得票数 1

回答已采纳

2回答

MVC将值传递给控制器

c#、jquery、asp.net-mvc、razor

需要一些关于方法的建议。我设计了一个使用表结构的视图来获得我需要的布局，并基于我的ViewModel用一个foreach循环填充了那个表。我目前遇到的问题是，这些值不通过表单传递，因为它们存在于表单之外。如果我重复表单中的值，但更改为隐藏的，则从传递的模型中获得值，而不是更新的值

浏览 5提问于2014-09-08得票数 0

回答已采纳

5回答

html:表单对页面布局有什么影响？

html、http、forms

我认为html表单对页面布局没有任何影响，它只是对字段进行分组，以便在一个请求中将它们的值发送到服务器。在哪里可以找到标签的视觉效应的解释？

浏览 6提问于2009-10-12得票数 2

回答已采纳

2回答

为什么把这个html放在form标签中会改变布局？

html、css

我正在使用这个免费的网页模板- ，并且刚刚将它合并到了一个母版页中。母版页将html封装在： //master page html除了整个页面被白色边框包围外，模板几乎没有问题(表单的默认CSS行为？)底部的页脚背景是半白的。我不希望id=form1<em

浏览 1提问于2010-05-28得票数 1

回答已采纳

3回答

Kentico中的自定义表单

forms、customization、kentico

我知道Kentico有一个内置的表单构建器以及一个定制的布局功能。是否可以用自己的一组css规则导入表单？height: 30px; float: right; margin-top: 15px;HTML

浏览 2提问于2016-08-08得票数 0

回答已采纳

2回答

如何编写复杂的html表单？

html、semantic-markup

我的任务是对以下表格进行编码。我本来打算用表格来做这件事，但是我的老师让我用divs来做它，因为它占用了更多的资源或其他东西(我想他说它很密集)。我可以使用div来完成它，但我认为这是浪费时间，因为我可以很容易地使用表(我的意思是快速)制作下面的表单。

浏览 4提问于2011-02-18得票数 1

回答已采纳

8回答

是否应该使用表格来对齐HTML中的表单元素，或者这是被轻视的吗？

html、forms、html-table

我喜欢遵循标准，使用基于div的无表布局。但是，使用表格来对齐表单域/文本和提交按钮要比使用其他方法简单得多。那么，从严格的标准角度来看，这是可以接受的吗？我看到谷歌、Facebook等公司在他们的注册页面中使用表格。

浏览 1提问于2010-02-26得票数 1

回答已采纳

1回答

手风琴版面设计问题

html、css、forms、layout

我有一个表单，我使用CSS来布局屏幕上的字段。这是我想要的，可以在这里看到：<div class='block'><label> Text

浏览 2提问于2015-03-20得票数 0

回答已采纳

5回答

使用CSS的表单布局

css、xhtml、webforms

我知道已经有一堆关于使用CSS和表格的表单布局的问题。总的来说，我认为CSS是可行的，但我见过的所有CSS解决方案都有“硬编码”标签和/或输入字段宽度的缺点。结果是，假设标签的最大宽度在每种情况下都不同，则需要为每个表单添加一个或两个自定义规则。有没有一种方法可以让我设计表单的样式，这样无论标签有多长，它都会自动对齐

浏览 0提问于2010-02-01得票数 11

2回答

使用CSS的表单布局

css、forms

我需要创建一个表单，一半线性视图(文本框和下拉列表在单独的行)和另一半，非线性视图，即文本框将出现在彼此旁边，就像名字和姓氏将彼此相邻。fieldset { font-size: 100%; border-width: 1px 0 0 0

浏览 2提问于2008-11-02得票数 1

回答已采纳

4回答

表单布局和设计标准(HTML/CSS)

html、css、forms

web开发的一个部分(从前端的角度来看)是布局表单。从来没有一个标准集，我看到人们继续使用<tables>来保持样式的一致性。另一种选择是使用<fieldset>，其中可能包含一个列表。将字段集向左浮动，给它们等宽。你会怎么做呢？

浏览 8提问于2011-04-20得票数 11

回答已采纳

3回答

将display：添加到CSS规范中有什么可验证的原因？*

html、css

我知道，现在CSS中的display: table-* (例如)对我们来说更容易实现一些布局，但考虑到历史上众所周知的对HTML中基于表的布局的厌恶，决定将这些显示选项添加到背后的原因是什么。任何对讨论、邮件列表条目、规范等的引用都将是很棒的！ --我并不是在寻找使用这些选项的理由，也不是关于标准机构的动机的意见/猜测

浏览 0提问于2015-08-04得票数 3

回答已采纳

3回答

正确对齐控件

asp.net、css、dreamweaver

我想在我正在工作的网站上调整相同控件的外观，但似乎进行得不好。我想使用CSS来正确地对齐控件。我想让复选框和标签向左对齐，然后有一点空间，然后文本框就来了。另外，我希望所有的文本框都是垂直对齐。我如何在不使用表格的情况下使用css来做到这一点。提前感谢你的帮助，Laziale

浏览 0提问于2011-01-26得票数 4

回答已采纳

2回答

布局与表单- HTML和CSS斗争

html、css、layout

我对css格式相当陌生。我似乎找不到另一个与我的问题相似的问题。这就是我想要的样子：background-color:rgb(255,255,255);clear

浏览 1提问于2016-06-07得票数 0

回答已采纳

点击加载更多