在窗體元素上僅使用Tab鍵時滾動頁面Chrome

我在iframe中有表單HTML。表單問題是當您在頁面正在滾動的已填充元素上使用Tab鍵時。防爆。填寫姓名字段中的姓名，然後填寫電子郵件，然後再次進入名稱字段，然後按Tab鍵。您可以注意到該頁面正在滾動。這是非常奇怪的問題，當我從iframe的上面刪除兩個或三個br然後它工作正常。在窗體元素上僅使用Tab鍵時滾動頁面Chrome

這是我的HTML。

形式HTML

<form id="UserForm"> 
      <fieldset>   
      <div class="FormField"> 
      <p class="clear clearfix"> 
      <span class="PosRelative"> 
      <input type="text" name="Name" class="required InpFormat" placeholder="* Name" tabindex="1"> <span class="CheckMark"></span> 

      </span> 
      <span class="PosRelative FloatNone"> 
      <input type="text" class="required InpFormat noSpace" name="Email" placeholder="* Email" tabindex="2"><span class="CheckMark" ></span> 
      </span> 

      </p> 
      <p class="clear clearfix"> 
      <span class="PosRelative FloatNone"> 
       <input type="text" class="required InpFormat" name="Mobile" placeholder="* Mobile" tabindex="3"><span class="CheckMark"></span>    
      </span> 
      </p> 

      <div> 
       <input type="submit" value="Contact" class="btn">     

      </div> 
      </div>    
      </fieldset> 
      </form>

頁面HTML

<body> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<iframe src="form.html" frameborder="0" width="100%" height="280" scrolling="no"></iframe> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 

</body>

來源

2015-03-19 Carlos

如果您的意思是頁面上升或下降，我無法複製該頁面。 [的jsfiddle]（http://jsfiddle.net/MrLister/3b3urtj8/）。無論如何，如果您不使用'
'進行佈局，我相信問題會消失。 – 2015-03-19 08:33:00

這個錯誤不會在jsfiddle上重現。你可以把這段代碼放到你的html頁面，然後你就可以看到這個bug。我只是把br作爲參考，它與這個bug無關 – Carlos 2015-03-19 14:12:14

你能提供一個鏈接到你的頁面嗎？ – 2015-03-19 14:44:37

-1

使用tabindex屬性。像：

<input type="text" tabindex=1> <input type="text" tabindex=2>

來源

2015-04-27 07:44:22 user1272335

你能詳細闡述一下嗎？ – iqstatic 2015-04-27 07:46:52

添加position: fixed含有形式的元素。

來源

2016-11-16 19:01:47

在窗體元素上僅使用Tab鍵時滾動頁面Chrome

回答

相關問題