PHP表单显示在锚点点击上，并跳转到ie中的正确位置，但不是chrome。没有JS

我已经建立了一个工作表单，在IE中实现了我想要的功能。交叉测试后，我发现它在Chrome中跳转到了较低的id=而不是IE中的较高的name=上。我知道名称标签已经贬值，但我一生都无法打开它并以任何其他方式将表单移动到顶部。我需要这个工作没有JS。我以前从未使用过PHP，并围绕PHP表单的模板构建了它。我不知道如何进一步破解这个。我已经投入了大量的工作来实现这一功能，我所做的任何更改都会彻底破坏它

到目前为止，我已经改变了名字和身份证，但一切都打破了它。我知道它必须有一个名字和一个id，但我不知道如何修复这个没有JS。我正在测试IE 11和Chrome 77。我不太在乎“旧浏览器”，但我想让Win7和更高版本上使用的大部分东西，所以遗留支持不是问题，但我确实希望遵循最佳实践。我对表单还不熟悉，所以我不知道从这里该去哪里。正如我所说，它是有效的，只是不适用于任何地方

#quotejump{
显示：无；
}
#quotejump：目标{
显示：块；
}
.表格样式{
最大宽度：400px；
利润率：10px自动；
填充：0px；
背景：#a0；
字体家族：继承；
边框左上半径：50px；
边框右上角半径：50px；
边框左下半径：50px；
边框右下半径：50px；
文本对齐：居中；
}
.表格样式a、.表格样式h1{
文字装饰：无；
显示：内联块；
背景：线性梯度（45度，#00f，#0ff）；
填充：20px0；
字体大小：30px；
字体大小：300；
宽度：100%；
颜色：#fff；
保证金：0；
边界半径：50px；
}
.表单样式输入[type=“text”]，
.表单样式输入[type=“date”]，
.form样式输入[type=“datetime”]，
.表单样式输入[type=“email”]，
.表单样式输入[type=“number”]，
.表单样式输入[type=“search”]，
.表单样式输入[type=“time”]，
.表单样式输入[type=“url”]，
.表单样式文本区域，
.表格样式选择{
-webkit过渡：所有0.30秒都易于输入输出；
-moz转换：所有0.30秒的易入易出；
-ms转换：所有0.30秒均易于输入输出；
-o型过渡：所有0.30秒的缓进缓出；
大纲：无；
框大小：边框框；
-webkit框大小：边框框；
-moz框大小：边框框；
宽度：92%；
背景：#fff；
利润底部：4%；
边框：1px实心#ccc；
填充：3%；
颜色：#；
字体家族：继承；
边界半径：30px；
}
.表单样式输入[type=“text”]：焦点，
.表单样式输入[type=“date”]：焦点，
.form样式输入[type=“datetime”]：焦点，
.表单样式输入[type=“email”]：焦点，
.表单样式输入[type=“number”]：焦点，
.表单样式输入[type=“search”]：焦点，
.表单样式输入[type=“time”]：焦点，
.表单样式输入[type=“url”]：焦点，
.表单样式文本区域：焦点，
.表格样式选择：焦点
{
盒影：0 0 5px#43D1AF；
填充：3%；
边框：1px实心#43D1AF；
}
.quotebutton{
文字装饰：无；
边界：无；
背景：线性梯度（45度，#00f，#0ff）；
边界半径：30px；
文本对齐：居中；
线高：60px；
颜色：#fff；
字体大小：30px；
边际：0.2px；
过渡：0.25s；
}
.表格样式a：悬停{
-webkit转换：比例（1.25）；
-莫兹变换：比例（1.25）；
-ms变换：比例（1.25）；
-o变换：标度（1.25）；
转换：比例（1.25）；
-webkit盒阴影：0 3px 6px rgba（0,0,0,5）；
-moz盒阴影：0 3px 6px rgba（0,0,0,5）；
-ms盒阴影：0 3px 6px rgba（0,0,0,5）；
-o盒阴影：0 3px 6px rgba（0,0,0,5）；
盒影：0 3px 6px rgba（0,0,0,5）；
位置：相对位置；
z指数：5；
}
.quotebutton:悬停{
-webkit转换：比例（1.25）；
-莫兹变换：比例（1.25）；
-ms变换：比例（1.25）；
-o变换：标度（1.25）；
转换：比例（1.25）；
-webkit盒阴影：0 3px 6px rgba（0,0,0,5）；
-moz盒阴影：0 3px 6px rgba（0,0,0,5）；
-ms盒阴影：0 3px 6px rgba（0,0,0,5）；
-o盒阴影：0 3px 6px rgba（0,0,0,5）；
盒影：0 3px 6px rgba（0,0,0,5）；
位置：相对位置；
z指数：5；
}

页面顶部




















一些填充文本可以向下移动页面






















了解我们如何为您节省优质产品的成本！



提交表格

@bron，哈哈，我一直生活在那一页上。如果我将name=更改为id=显示：隐藏；他辞职了。为什么一个跳到一个地方，另一个跳到另一个地方？我想让他们两个都去写着“嗨，哥德斯勒德鲁默”的地方。“书签”的正确语法是
。。。文本行。允许使用href=“#myquote”的任意数量的锚。id（在本例中为id=“myquote”）在页面上必须是唯一的。@bron在这种情况下，恐怕我不明白这一点。只需要一个锚。name=是到spot的跳转。id=是隐藏的内容。href=是一个具有双重功能的链接，既可以显示隐藏的内容，也可以跳转到书签。如果我将name=更改为id=则我有两个相同的id。我不需要两个链接，只有一个可以做两件事。你提到Chrome跳转到较低的
id=“…”
，而不是IE中较高的
name=“…”
。正如html中定义的那样，Chrome工作正常，因为书签有两个