自动对焦输入表单答案

【问题标题】：autofocus on input form自动对焦输入表单
【发布时间】：2013-06-20 13:40:09
【问题描述】：

我正在尝试在我的输入表单上设置自动对焦，我很困惑将现有示例应用于我的程序.. 请任何人帮助我。谢谢。

    <body>
 <div id="wrapper">
     <div id="text"> 
    <h2>Login</h2>
    <?php 

    echo form_open('login/validateform');
        echo 'user name';
    echo form_input('username', '');
    echo 'password';
        echo form_password('password', '');

        echo form_submit('submit', 'Login');


 </div>
 </body>

【问题讨论】：

您需要为您的元素提供id 属性及其唯一值。然后从一个 jquery 就绪块你可以说$('#id').focus();

标签： php codeigniter login autofocus

【解决方案1】：

我在手册上找到了解决方案： echo form_input($auto_focus); $auto_focus 在哪里（创建它）：

$auto_focus = array(
              'autofocus'   => 'autofocus',
            );

echo form_input($auto_focus);

http://ellislab.com/codeigniter/user-guide/helpers/form_helper.html 在本页搜索 (ctrl + f) *form_input()*

您的代码将是：

<body>
  <div id="wrapper">
     <div id="text"> 
       <h2>Login</h2>
        <?php 
            $auto_focus = array(
              'name'        => 'username',
              'autofocus'   => 'autofocus',
            );

        echo form_open('login/validateform');
            echo 'user name';
        echo form_input($auto_focus);
        echo 'password';
            echo form_password('password', '');

            echo form_submit('submit', 'Login');

           //dont forget to close php
         ?>
        </div>
    </div>
</body>

在使用php和library之前，一定要知道如何编写好的html代码……你犯了很多错误。

【讨论】：

非常感谢，它已经在我的程序上运行了。对不起，我还是一个新程序员 :)

【解决方案2】：

不仅适用于 PHP，也适用于其他 Web 应用程序，我们可以按照 HTML 5 和 Javascript 代码设置自动对焦输入字段

<input type='text' name='username' id='inputFieldId' autofocus="autofocus" />

<script>
    if (!("autofocus" in document.createElement("input")))
            document.getElementById("inputFieldId").focus();
</script>

【讨论】：

【解决方案3】：

现在所有主流浏览器都支持使用 html5 自动对焦。

 <input type='text' name='username' autofocus="true" />

【讨论】：

这在 Firefox 中不起作用。 “自动对焦”不是属性。

【解决方案4】：

echo form_input(数组( "名称" => "用户名", “身份证” => “电子邮件”， “类” => “表单控制”， “最大长度”=>“255”， “尺寸” => “50”， "自动对焦" => "自动对焦", ));

【讨论】：