反应输入类型=“;编号”;对于浮动-HTML标准?

反应输入类型=“;编号”;对于浮动-HTML标准?,html,reactjs,Html,Reactjs,具有用于测试输入类型行为的示例React组件 最初,输入类型设置为“text”,其值初始化为“1.0”。 单击按钮,值将转换为数字。输入框上显示的值现在显示为“1”-正常 将输入类型设置为“number”并单击按钮,输入框上显示的值将保持为“1.0”-这是否正常,我的意思是html标准是否规定了这一点?在chrome/firefox/iexplorer上的行为相同(对于firefox,必须再次输入值“1.0”,因为它将在类型更改为“number”时显示“1”) 类示例扩展了React.Comp

具有用于测试输入类型行为的示例React组件

最初,输入类型设置为“text”,其值初始化为“1.0”。 单击按钮,值将转换为数字。输入框上显示的值现在显示为“1”-正常

将输入类型设置为“number”并单击按钮,输入框上显示的值将保持为“1.0”-这是否正常,我的意思是html标准是否规定了这一点?在chrome/firefox/iexplorer上的行为相同(对于firefox,必须再次输入值“1.0”,因为它将在类型更改为“number”时显示“1”)

类示例扩展了React.Component{
建造师(道具){
超级(道具);
this.deffal='1.0';
此.state={
瓦尔:这个,德福瓦尔,
键入:“文本”
};
this.onChange=this.onChange.bind(this);
this.onChangeType=this.onChangeType.bind(this);
this.onClick=this.onClick.bind(this);
}
onChange(e){
这是我的国家({
val:e.target.value
});
}
onChangeType(e){
这是我的国家({
瓦尔:这个,德福瓦尔,
类型:e.target.value
});
}    
onClick(e){
this.setState((状态,道具)=>({
val:Number(this.state.val)
}));
}
render(){
返回
state.val:{this.state.val}
正文
数
换算成数字
}
}
ReactDOM.render(
,
document.getElementById('react')
);
#柔性容器{
显示器:flex;
弯曲方向:立柱;
宽度:150px;
}
#柔性容器>*{
利润率:10px0;
}
州政府{
背景色:#e7e7e7;
颜色:黑色;
字体系列:“信使新”;
字体大小:小;
}

是的,这是标准行为。
的值被指定为有效的浮点数(),它不仅支持小数部分,还支持指数形式,如
1.9E2