What is the best way to create one input for multiple elements using HTML and CSS?

Question

What is most efficient way to turn all of the code below into a single input? I am building a character creator as a project for school and I would like the user to have the