javascript – Acrescentar uma Label em um Formulário HTML


Olá, estava precisando de uma ajuda para acrescentar uma label em um “mini” formulário HTML. Preciso de uma label, como por exemplo : First Name e colocar junto desse form aqui, na mesma linha, e quando clicar no botão show selected aparecer First Name, Country e State. O formulário é esse aqui :


<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
var citiesByState = {
Australia: ("Sidney","Camberra"),
Canada: ("Toronto","Montreal"),
USA: ("Chicago","Miami")
}
function makeSubmenu(value) {
if(value.length==0) document.getElementById("citySelect").innerHTML = "<option></option>";
else {
var citiesOptions = "";
for(cityId in citiesByState(value)) {
citiesOptions+="<option>"+citiesByState(value)(cityId)+"</option>";
}
document.getElementById("citySelect").innerHTML = citiesOptions;
}
}
function displaySelected() { var country = document.getElementById("countrySelect").value;
var city = document.getElementById("citySelect").value;
alert(country+"n"+city);
}
function resetSelection() {
document.getElementById("countrySelect").selectedIndex = 0;
document.getElementById("citySelect").selectedIndex = 0;
}
</script>
</head>
<body onload="resetSelection()">
<select id="countrySelect" size="1" onchange="makeSubmenu(this.value)">
<option value="" disabled selected>Choose State</option>
<option>Australia</option>
<option>Canada</option>
<option>USA</option>
</select>
<select id="citySelect" size="1" >
<option value="" disabled selected>Choose City</option>
<option></option>
</select>
<button onclick="displaySelected()">show selected</button>
</body>
</html>

Desde já agradeço