2011-03-09 28 views
21

在我的Rails 3應用程序,我有一個表格視圖HAML文件中像下面的表單輸入字段:如何焦點,當頁面加載

= form_for(:car, :url => cars_path) do |f| 
    %p 
    = f.label :carname 
    %p 
    = f.text_field :carname /focus here 
    %p 
    = f.label :carnr 
    %p 
    = f.text_field :carnr 
    %p 
    = f.submit 

我想輸入字段= f.text_field :carname當頁面加載時關注

怎麼辦?是否有必要使用jQuery?或者有沒有Rails的方式來做重點?

+2

這將是很好的知道你做了這項工作,並接受了答案:) – corroded 2011-03-16 10:21:57

回答

53

沒有必要使用jquery,但有必要使用JavaScript 如果你不使用HTML5但你將不得不使用jQuery或JavaScript做現在:

document.getElementById('carname').focus(); 

$("carname").focus(); 

with HTML5

= f.text_field :carname, :autofocus => true 

HTML5方法有一個警告:您自動對焦的字段不是 會得到一個focus()事件,因此您通過onfocus執行的任何CSS樣式都不會發生。

4
= form_for(:car, :url => cars_path) do |f| 
    %p 
    = f.label :carname 
%p 
    = f.text_field :carname, autofocus: true 
%p 
    = f.label :carnr 
%p 
    = f.text_field :carnr 
%p 
= f.submit 
+2

_Note:HTML5 only._ – 2015-08-25 19:56:42