Question

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

    <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>

Answer 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和库之前，一定要知道如何编写好的HTML代码......你犯了很多错误。

Answer 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>

Answer 3

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

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

Answer 4

echo form_input（array（ “name”=＆gt; “用户名”， “id”=＆gt; “电子邮件”， “class”=＆gt; “形式控制”， “maxlength”=＆gt; “255”， “size”=＆gt; “50”， “autofocus”=＆gt; “自动对焦”，））;

在输入表格上自动对焦

4 个答案: