Hello.
I need your kind help please:
1. Could you please help me change radio buttons to buttons in an array? Please find an illustration attached.
My questionnaire is quite long and it would help to press the right buttons when scrolling down. I found the HTML code but do not know how to insert it as part of a JavaScript (please see below).
2. Could you please help me combine dropdown with short text? I tried but it does not seem right. Not sure if the dropdown will register, plus it look aesthetically pleasing. Please find attached.
Kindly suggest if there are better ways to resolve this.
<head>
<style>
.button {
background-color: #f44336; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
.button2 {background-color: #FFC300;} /* Orange */
.button3 {background-color: #008CBA;} /* Blue */
.button4 {background-color: #4CAF50;} /* Green */
</style>
</head>
<body>
<button class="button">Not at all confident</button>
<button class="button button2">Not so confident</button>
<button class="button button3">Quite confident</button>
<button class="button button4">Very confident</button>
</body>
</html>
I would be grateful for any help.
Thank you.
Alex
Topic Author
