<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script>

function changewebsize(){

    document.getElementById("webSite").innerHTML="<a href='http://163.com'>网易</a>";

    }

     function clearinfo(obj){

         obj.value="";

         obj.style.color="black";

         }

</script>

</head>

<body>

<div id="webSite"><a href="http://baidu.com">百度</a></div>

<input type="button" value="改变层内容"  onclick="changewebsize()" />

<br /><br />

<input type="text" name="city" value="请选择您工作的城市" onclick="clearinfo(this) " class="wordstext"/>&nbsp;&nbsp;&nbsp;&nbsp;

<input type="text"  name="city" value="请选择您工作的第二志愿城市" onclick="clearinfo(this)" class="wordstext" />

<br /><br />

<input type="text" name="city" value="请选择您工作的城市"  onclick="clearinfo(this) " class="wordstext"/>&nbsp;&nbsp;&nbsp;&nbsp;

<input type="text"  name="city" value="请选择您工作的第二志愿城市"  onclick="clearinfo(this) " class="wordstext" />

<br /><br />

<input type="text" value="显示上面的input所有内容"   onclick="clearinfo(this) " class="wordstext" />&nbsp;&nbsp;&nbsp;&nbsp;

<input type="text" value="显示所有城市所有内容" onclick="clearinfo(this) " class="wordstext"/>&nbsp;&nbsp;&nbsp;&nbsp;

</body>

</html>