如何顯示在小屏幕

Question

我想創建一個網頁，將很容易地顯示在移動設備上的一種形式，但我有麻煩，希望有人能指出我在正確的方向。請理解，我是編程新手，正在學習。

不幸的是我無法弄清楚熱在這裏展示我的代碼，但這裏是有問題的頁面的鏈接：

Form for mobile devices

有誰看到什麼會阻止我的形式從顯示出來的一個小屏幕而不必使用滾動條？

謝謝！

Answer 1

我建議你的形式落定寬表格佈局和使用博物流動的佈局來代替。這是第一個幾個字段的例子：

<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移動到頁面底部（即驗證功能）
• 請考慮您是否確實需要重置按鈕？它的用例是什麼？