2011-03-09 83 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