Question

如何使用input field确保我的codeigniter具有特定尺寸？我现在使用'size'属性，但它不起作用。

当前代码：

$dataArray= array(

'name'=> 'test',
'id'=> 'test',
'value'=>'10',
'size'=> '2',
);


echo form_input($dataArray);

但是输入框仍占据屏幕的整个宽度。

Answer 1

您可以设置类，如：

$dataArray= array(
'name'=> 'test',
'id'=> 'test',
'value'=>'10',
'size'=> '2',
'class'=>'custom_input'// here i have added a class
);


echo form_input($dataArray);

然后在 css 文件中使用此功能，例如style.css：

.custom_input{
width:50px;/*use according to your need*/
height:30px;/*use according to your need*/
}

在<head>部分添加此行，例如：

<link rel="stylesheet" type="text/css" href="yourpath/style.css">

如果您不想使用外部CSS，请使用以下内容：

$dataArray= array(
'name'=> 'test',
'id'=> 'test',
'value'=>'10',
'size'=> '2',
'style'=>'width:50px;height:50px'// here i have added a class
);


echo form_input($dataArray);

Answer 2

size元素可能不一定会改变输入的宽度或高度，具体取决于CSS中的设置。

我建议您使用＆＃39; style＆＃39;手动设置样式。选项：

$dataArray= array(
    'name'=> 'test',
    'id'=> 'test',
    'value'=>'10',
    'style'=> 'width: 100px;',
);

Answer 3

在此，你可以像这样添加样式属性

$dataArray= array(
'name'=> 'test',
'id'=> 'test',
'value'=>'10',
'size'=> '2',
'style'=>'width:30px;height:300px'// here i have added a class
);


echo form_input($dataArray);

或者您可以在其他文件中执行此操作，并将其链接到您的页面

如何使用Code Igniter更改输入字段的大小/宽度？

3 个答案: