我有6个输入元素,由于某种原因,第二个元素的value
属性默认设置为“提交”。不知道为什么,这是唯一的原因:
render() {
if (this.state.formValues.multiField && this.state.formValues.supplier == "Shell") {
return (
<form onSubmit={this.handleSubmit.bind(this)}>
<fieldset>
<legend><span class="number">1</span> Enter Report</legend>
<Card Obj={this.state.formValues} />
<label for="modifier">Modifier:</label>
<input type="text" id="BC" value={this.value} name="altModifierShell" onChange={this.handleChange.bind(this)} />
<input type="text" id="AB" value={this.value} name="altModifierShell" onChange={this.handleChange.bind(this)} />
<input type="text" id="SK" value={this.value} name="altModifierShell" onChange={this.handleChange.bind(this)} />
<input type="text" id="MB" value={this.value} name="altModifierShell" onChange={this.handleChange.bind(this)} />
<input type="text" id="ON" value={this.value} name="altModifierShell" onChange={this.handleChange.bind(this)} />
<input type="text" id="QC" value={this.value} name="altModifierShell" onChange={this.handleChange.bind(this)} />
<input type="submit" value="Submit" />
</fieldset>
</form>
);
}
}
我包装了将所有输入标签包装在<li>
标签中并对其进行修复的方法,但是我宁愿不必使用它们。
编辑:这是它的样子