iOS設備問題與HTML表單輸入（類型=文本）

所以我有一個HTML登錄表單有兩個字段：電子郵件和密碼。除了iOS設備（iPhone，iPad）之外，這些設備的瀏覽器都可以輕鬆填充。在IOS領域幾乎沒有焦點，一旦焦點，鍵盤彈出，我開始輸入，但實際上沒有填充。我曾在Chrome和Safari瀏覽器中嘗試過，但仍然獲得相同的結果。字段保持黑色。貝婁是我的表格如何格式化：iOS設備問題與HTML表單輸入（類型=文本）

<form method="post" name="login" action="login"> 
    <div class="divInputWrapper "> 
     <i class="icon-envelope inputIcon inlineElt"></i> 
     <label for="email"></label> 
     <input type="text" name="email" placeholder="Enter your email address" class="formInput"/> 
    </div> 
    <div class="divInputWrapper "> 
     <i class="icon-envelope inputIcon inlineElt"></i> 
     <label for="password"></label> 
     <input type="password" name="password" class="formInput"/> 
    </div> 
    <button class="blue centeredContent">Login</button> 
</form>

我試着添加一個自動對焦屬性，預設一個值，但仍然是相同的。

來源

2014-09-01 webicy

你有任何外部CSS/JS運行？ – DickieBoy 2014-09-01 17:25:03

你的formInput類是否有任何奇怪的風格？比如將顏色和背景顏色設置爲相同的值？例如代碼示例中沒有任何技術上的錯誤......所以它應該可以工作。 – scunliffe 2014-09-01 17:25:46

我不認爲我們不能在ios設計中的文本框中插入文本。蘋果公司的人並不那麼愚蠢。有許多項目可以讓人們在iOS設備上輸入文字。很明顯，這個問題是你的項目特定的問題。如你沒有提供的js，css等。 – 2014-09-01 17:26:08

發現這個問題，這是我在網上找到的樣式表重置，以幫助用戶觸摸/保持元素時的觸摸設備行爲，並將其複製到我的大部分項目中。所以，如果你有這個問題，最有可能你有這些行在你的CSS：

*, *:before, *:after { 
     -webkit-user-select: none; 
     -khtml-user-select: none; 
     -moz-user-select: none; 
     -ms-user-select: none; 
     user-select: none; 
    }

所以只要將其刪除或將其設置爲默認。如果你的目的是從您的網站上選擇的東西停止的人，那麼請確保您復位此樣式屬性拖欠輸入

input, input:before, input:after { 
     -webkit-user-select: initial; 
     -khtml-user-select: initial; 
     -moz-user-select: initial; 
     -ms-user-select: initial; 
     user-select: initial; 
    }

來源

2014-09-02 08:59:02 webicy

非常好，我搜索了很長時間，很難找到這個，我正在調試＆完全困惑。謝謝你。我實際上結束了從引導少文件導入的這些樣式，但是我的基本樣式與我的輸入和按鈕相同，所以用於幫助按鈕的CSS同時應用於我的輸入。 – gdgr 2015-10-27 10:41:31

I'有同樣的問題和上述解決方案似乎沒有工作。 – Ben 2016-11-01 09:48:29

哦，謝謝。調試它真的很難。我認爲這是在javascript部分，因爲我使用角。輸入只能接受一個字符，它看起來失去了焦點，而實際上卻沒有。 – dieend 2017-01-25 01:39:51

iOS設備問題與HTML表單輸入（類型=文本）

回答

相關問題