html - 形成无处可去的 Action (不仅仅是返回页面)

标签 html css forms

我目前正在开发一个无需任何 javascript 即可运行的网站。一旦我拥有我想要的所有功能,我将添加 oohs 和 aaahs,严格使用 html/css 和表单元素进行输入。

我遇到了一个小问题。

因此,我有一个使用输入按钮提交 POST 的典型表单。执行发布时,返回的 html 具有 div,我试图使它看起来与最初存在的输入相同(文本颜色除外)。我这样做是因为我不想让按钮做任何事情。它实质上成为执行预期操作的指标。

我希望所有方面(颜色除外)都相同。但我注意到输入的呈现规则与 div 标签的呈现规则不同。我能够弄乱填充/宽度/高度/等以使 div 看起来与它正在替换的输入标签几乎相同,但我有一种感觉这将是跨浏览器的错误并且更喜欢只使用实际上什么都不做的输入。

我准备好输入标签,看起来保留 action 属性的值,或者根本不包含它(根据 html5 规范)将引用当前页面 - 但我不想要这个额外的请求被触发到服务器。

所以,话虽这么说,我的问题是 - 是否有任何(最好是干净的)方法可以让输入标签除了坐在那里看起来很漂亮之外什么都不做?

最佳答案

在我看来你需要一个禁用的按钮

<input type="submit" disabled="disabled" value="foo">
<button type="submit" disabled="disabled">foo</button>

关于html - 形成无处可去的 Action (不仅仅是返回页面),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6400261/

相关文章:

javascript - 如何从选择的 HTML 下拉菜单中提取值?

php - 切割 HTML 标签并重新包装 HTML 标签 Part/1

javascript - CSS 和 FORM 工作,但嵌入时不工作

javascript - 不同的单选按钮有不同的音频文件路径,但如何播放呢?

php - 从复选框中获取值 - 将其发送到表单(隐藏字段)

javascript - ExtJs 选项卡面板问题

php - Symfony 表单集合 Twig 渲染

php - 使用 PHP 函数自动将宽度和高度属性添加到 <img> 标签

html - 居中标题标签问题

html - 在 bootstrap 3 中缩小我的导航栏图像的中间