SOURCE

function toUpperCase() {
  document.getElementById('text').value = document.getElementById('text').value.toUpperCase();
}
function toUpperCase() {
  document.getElementById('text').value = document.getElementById('text').value.toUpperCase();
}
function check(browser){
  document.getElementById('answer').value=browser;
}

<p>
  输入的小写字母在失去焦点后会自动变为大写
</p>
<input type="text" id="text" onblur="toUpperCase()" />
<p>
  下面的选择后会出现在输入框内，可以直接使用
</p>
<form action="">
  <input type="radio" name="browser" onclick="check(this.value)" value="IE" />IE<br>
  <input type="radio" name="browser" onclick="check(this.value)" value="chrome" />chrome<br>
  <input type="radio" name="browser" onclick="check(this.value)" value="firefox" />firefox<br>
  <input type="radio" name="browser" onclick="check(this.value)" value="netscape" />netscape<br>
  <input type="radio" name="browser" onclick="check(this.value)" value="opera" />opera<br>
  您最喜欢的浏览器是：<input type="text" id="answer" size="20" />
</form>