Writable Input-Buttons in Bootstrap now enabled

Question

This is the appearance of my Button:

<input class="btn btn-outline-primary" id="dashboard" value="Zurück" onclick="doStuff();">

It's just your typical Bootstrap styling. However, things take a strange turn when I click the button and change its value.

$("#dashboard").val("Lehrer-Login");

That's all I did. How can I prevent it from being editable?

Answer 1

Answer №1

It appears that your so-called button is actually an input field lacking a specified type.

To remedy this, simply add the type 'button' to your input field and you should see the desired functionality.

<input type="button" class="btn btn-outline-primary" id="dashboard" value="Back" onclick="doStuff();">

Answer 2

It appears that your so-called button is actually an input field lacking a specified type.

To remedy this, simply add the type 'button' to your input field and you should see the desired functionality.

<input type="button" class="btn btn-outline-primary" id="dashboard" value="Back" onclick="doStuff();">

Answer 3

To ensure your input element functions as a button, make sure to include type = "button" in the code.

For example:

<input type = "button" class="btn btn-outline-primary" id="dashboard" value="Back" onclick="doSomething();">

Answer 4

To ensure your input element functions as a button, make sure to include type = "button" in the code.

For example:

<input type = "button" class="btn btn-outline-primary" id="dashboard" value="Back" onclick="doSomething();">