<body> <div id="legend"> </div> <input type="button" id="b1" value="Press" onclick="legend()"/> </body>
function legend() { var elementFieldset=document.createElement("fieldset"); var elementLegend=document.createElement("legend"); var textLegend=document.createTextNode("Employee Information"); elementLegend.appendChild(textLegend); elementFieldset.appendChild(elementLegend); var elementLabel=document.createElement("Label"); var textLabel=document.createTextNode("Name:"); elementLabel.appendChild(textLabel); var elementTextbox=document.createElement("input"); elementTextbox.setAttribute("type","text"); elementFieldset.appendChild(elementLabel); elementFieldset.appendChild(elementTextbox); document.getElementById("legend").appendChild(elementFieldset); }
legend { background-color:lightblue; color:blue; font-size:30px; font-family:comic sans ms; border:2px dotted black; }