HTML 5：文本框越來越突出

Question

機器人：上固定報頭的jquery移動文本框重疊，同時滾動

雖然任何文本框用戶點擊開始滾動，聚焦文本框重疊（以上示出）固定報頭。

https://www.dropbox.com/s/vk6nzeeqrx68uai/Screenshot_2013-10-01-10-19-39-2.png

是否有防止文本框的任何想法得到強調的，一個當用戶點擊。

圖：https://www.dropbox.com/s/43nee5bw4x9grzk/Screenshot_2013-10-01-13-37-11-1.png

我想第二個文本框也將同第一個點擊後。

感謝 雷斯

Answer 1

使用Selector.xml文件inyour繪製，然後使用兩個不同的背景圖片。一個是懸停圖像另一個是正常圖像。

例：

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 

<item android:drawable="@drawable/hover_Bg" android:state_pressed="true"></item> 
<item android:drawable="@drawable/hover_Bg" android:state_focused="true"></item> 
<item android:drawable="@drawable/normal_Bg"></item> 

</selector> 

在你的佈局設置這樣的。

<EditText 
      android:id="@+id/firstname_edt" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="10dip" 
      android:background="@drawable/Selector" 
      android:inputType="textPersonName" > 
     </EditText> 

Answer 2

對於混合應用（HTML5，JS）使用用戶可升級=否」元標記。

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 
<meta http-equiv="Content-type" content="text/html; charset=utf-8">