Как заставить браузер запоминать дополнительное поле вместе с именем пользователя и паролем

Question

Мой код состоит из трех элементов: компания, имя пользователя и пароль (я использую ReactJS):

<form onSubmit={this.handleSubmit}>
    <div className="login-page-left-form-item">
        <h1>{"Login Credentials:"}</h1>
    </div>

    <div className="login-page-left-form-item">
        <input
            type="text"
            value={this.state.companyLogin}
            placeholder={"Enter Company"}
            onChange={this.handleChange}
            name="companyLogin"
        />
        &nbsp;
    </div>

    <div className="login-page-left-form-item">
        <input
            type="text"
            value={this.state.username}
            placeholder={"Enter Username"}
            onChange={this.handleChange}
            name="username"
        />
        &nbsp;
    </div>

    <div className="login-page-left-form-item">
        <input
            type="password"
            value={this.state.password}
            placeholder={"Enter Password"}
            onChange={this.handleChange}
            name="password"
        />
        &nbsp;
    </div>

    <div className="login-page-left-form-item">
        <button type="submit">{"Sign In"}</button>
    </div>
</form>

При работе с браузером всегда помните username и password, но никогда не вводите имя компании, поэтому каждый раз, когда я вхожу в систему, мне нужно заполнить название компании. Это происходит в Chrome и Safari.

Как сделать так, чтобы браузер запомнил также поле companyLogin?