0

我正在尝试创建一个可以在移动设备上轻松显示的网页，但我遇到了麻烦，希望有人能指出我正确的方向。请理解，我是编程新手，并且正在学习。

不幸的是，我无法在这里显示我的代码，但这里有一个指向相关页面的链接：

移动设备表格

有没有人看到任何会阻止我的表单在较小的屏幕上显示而无需使用滚动条的东西？

谢谢！

4

1 回答 1

0

我建议您放弃表单的固定宽度表格布局，而改用自然流动布局。以下是前几个字段的示例：

<form name="contactinfo" method="post" action="process.php" onsubmit="return validateForm();">
    <fieldset>
        <legend>Application Request Form</legend>
        <div>
            <label for="name">Full Name</label><br>
            <input type="text" name="name" id="name">
        </div>
        <div>
            <label for="email">E-Mail</label><br>
            <input type="email" name="email" id="email">
        </div>
        ...
    </fieldset>
</form>

这将立即帮助布局适应不同的设备，它也是表单的更好标记。

其他建议：

  • 将所有样式放在 CSS 中。
  • 将您的 JavaScript 移动到页面底部（即验证功能）
  • 考虑一下你是否真的需要一个重置按钮？它的用例是什么？
于 2012-08-17T13:49:05.727 回答