Html 如何添加输入类型="；“数字”；在Laravel刀片模板中？

我想创建一个用户只能输入数字的输入字段。在HTML5中，我们可以使用

。在blade中如何执行此操作

我试过这个：

{!! Form::number('amount', null, array('class' => 'form-control')) !!}

---

我可以搜索和编码它。由于没有直接的答案，我想在下面发布工作代码：

{!! Form::input('number', 'amount', null, ['class' => 'form-control']) !!}

---

最小值为0的输入字段。

{!! Form::number('count', $value = '' , ['min' => '0' ,'class' => 'form-control', 'id' => 'number_count','required']) !!}

---

您可以使用javascript：

function isNumberKey(evt){
    var charCode = (evt.which) ? evt.which : event.keyCode
    if (charCode > 31 && (charCode < 48 || charCode > 57))
        return false;
    return true;
}

函数isNumberKey（evt）{
var charCode=（evt.which）？evt.which:event.keyCode
如果（字符码>31&（字符码<48 | |字符码>57））
返回false；
返回true；
}

在您的html中：

<input name="input_name" onkeypress="return isNumberKey(event)">

---

您可以使用

Form:：input（）

方法或

Form:：number（）

方法来实现您的目标

表单：：输入（）方法

此方法接受4个参数

$type-（必选）第一个参数指定输入的类型。接受诸如“文本”、“数字”、“密码”、“文件”等值

$name-（必选）第二个参数是name

$value-（可选）第三个参数是输入字段的值

$options-（可选）第四个参数是附加字段属性的数组。数组中可以填充具有“id”、“size”或“class”等键的项

例如：

{{Form:：input（'number'，'name'）}
{{Form:：input（'number'、'name'、'value'、['class'=>'number'、'id'=>'numberField']）}}
//这两个示例都将创建这样的元素

Form:：number（）方法

此方法接受3个参数

$name-（必选）第一个参数是name

$value-（可选）第二个参数是输入字段的值

$options-（可选）第三个参数是附加字段属性的数组。数组中可以填充具有“id”、“size”或“class”等键的项

例如：

Form:：number（'name'））
表单：：数字（'name'，null，['class'=>'number'，'id'=>'numberField']））
//这两个示例都将创建这样的元素

提示：如果要使用

$options

并且不想指定任何默认值，请在

$value

参数处使用

null

{!!  Form::input('number', 'weight', null, ['id' => 'weight', 'class' => 'form-control', 'min' => 1, 'max' => 9999, 'required' => 'required']) !!}

{{ Form::input('number', 'name') }}
{{ Form::input('number', 'name', 'value', ['class' => 'number', 'id' => 'numberField']) }}

//both example will create elements like this

<input name="name" type="number" value="value">
<input name="name" type="number" value="value" class="number" id="numberField">

Form::number('name')
Form::number('name', null, ['class' => 'number', 'id' => 'numberField'])

//both example will create elements like this

<input name="name" type="number">
<input name="name" type="number" class="number" id="numberField">