Button type="submit" - unable to change label

Question

I have a simple submit button like this:

     <button
       type="submit"
       value="Create New Item"
       className="btn btn-lg btn-primary btn-block mt-4"
     />

and I've been wondering, why the value (label of the button) has the default value instead of desired one ("Create New Item"), no matter what I do. The same goes to input type="submit", but after reading this, I decided to stick with button.

Any ideas why I can't change the value?

Seriously, what exactly is the question and the title of the question doesn't make any sense. Why react js tagged in this? — Karthi Keyan, Nov 25 '19 at 12:58
@KarthiKeyan I used `className` instead of `class` in button declaration, which is a React thing. I thought that the fact, that I'm unable to change the label might be a similar case like `class` vs `className`. — pidabrow, Nov 25 '19 at 13:24
@pidabrow what you see as default value for the label of the button? — tareq aziz, Nov 25 '19 at 13:34

score 1 · Answer 1 · answered Nov 25 '19 at 13:08

1

Try this one,

<button onClick={onClickMethod}> Click Here </button>

answered Nov 25 '19 at 13:08

XVallerie

141
2
11

score 1 · Accepted Answer · answered Nov 25 '19 at 15:12

1

<input type="submit" value="Create New Item" className="btn btn-lg btn-primary btn-block mt-4" />

Change button, to input type="submit"

answered Nov 25 '19 at 15:12

score 0 · Answer 3 · edited Nov 25 '19 at 14:31

0

PLease delcare the button as below

<button type="submit" className="btn btn-lg btn-primary btn-block mt-4">
   Create New Item
</button>

edited Nov 25 '19 at 14:31

tareq aziz

749
4
11

answered Nov 25 '19 at 12:58

Aneesh

29
5

score 0 · Answer 4 · answered Nov 25 '19 at 12:58

0

if you want to change the text inside a button dynamically; you should set it like:

<button>{this.state.buttonLabel}</button>

answered Nov 25 '19 at 12:58

Berk Elmas

19
1
3

score 0 · Answer 5 · edited Nov 25 '19 at 13:09

0

Just use the element like this

 <button type="submit" className="btn btn-lg btn-primary btn-block mt-4">Create 
 New Item</button/>

edited Nov 25 '19 at 13:09

Martin

22,212
11
70
132

answered Nov 25 '19 at 13:00

Antoan Elenkov

711
1
5
20

score 0 · Answer 6 · answered Nov 25 '19 at 13:12

0

You no need to specify the input type, just replace with as below:

<button className="btn btn-lg btn-primary btn-block mt-4">
Create New Item
</button>

You can add onClick event.

answered Nov 25 '19 at 13:12

Govind Soni

320
1
2
11

Button type="submit" - unable to change label

6 Answers6