codeigniter - 输入表单占位符

Question

大家好，我如何在 CodeIgniter 的 form_input() 辅助函数中使用占位符标记？

谢谢 ：）

Answer 1

你的意思是占位符属性（不是标签）？ form_input() 采用带有附加属性的第三个参数。

$opts = 'placeholder="Username"';
form_input('username', '', $opts);

或者您可以传递 form_input() 一个数组。

form_input(array(
  'name' => 'username',
  'value' => '',
  'placeholder' => 'Username',
));

CodeIgniter 表单助手

Answer 2

Rocket 链接到的 Codeigniter 用户指南表明，名称和值以外的属性作为数组传递给 form_input()：

 $data = array(
              'name'        => 'username',
              'id'          => 'username',
              'value'       => 'johndoe',
              'maxlength'   => '100',
  );

echo form_input($data);

// Would produce:

<input type="text" name="username" id="username" value="johndoe" maxlength="100" size="50" />

要扩展 Rocket 的答案，请将 'placeholder'=>'my_placeholder' 传递到该数组应该生成占位符属性。

$data = array(
              'name'        => 'username',
              'id'          => 'username',
              'value'       => 'johndoe',
              'maxlength'   => '100',
              'size'        => '50',
              'style'       => 'width:50%',
              'placeholder' => 'my_placeholder'
            );

echo form_input($data);

请记住，占位符属性是非常新的，并非所有浏览器都支持。在 html 中心查看 这篇文章，了解 html5、jQuery 和 pure javascript 实现占位符的方法

Answer 3

IE6、IE7 和 IE8 的 Codeigniter 表单占位符

echo form_input(array(
                'name' => 'stackoverflow',
                'value' => 'yourplaceholder',
                'placeholder' => 'yourplaceholder',
                'onclick' => 'if(this.value == \'yourplaceholder\') this.value = \'\'', //IE6 IE7 IE8
                'onblur' => 'if(this.value == \'\') this.value = \'yourplaceholder\''       //IE6 IE7 IE8
));

Answer 4

你可以像这样设置占位符

echo form_input('username','','placeholder=username');

，看起来像这样

<input type='text' name='username' placeholder='username'/>