14.3.2 文本框.html

来自「即学即用JavaScript核心对象参考手册原版光盘」· HTML 代码 · 共 24 行

<form>
   姓名<input type="text" name="uname" value="你的姓名"onfocus="select()"/><br>
   密码<input type="password" name="pwd"  maxlength="6">(最多6位)<br>
       <input type="text" name="rtxt" value="readOnly，无法输入" readonly="true">
	   <input type="hidden" name="htxt" value="你看不到其中内容"><br>
	   <input type="button"  value="修改内容" onClick="changeValue()">
	   <input type="button" value="改变长度" onClick="addSize()"><br />
	   <input type="button"  value="获取隐藏文本框的内容" onClick="getHidden(this)">
</form>
<script>
    function changeValue()
	{
	   document.forms[0].rtxt.value="可以在代码中修改";
	}
	function addSize()
	{
	   document.forms[0].rtxt.size+=5;
	}
	function getHidden(btn)
	{
	   btn.value=document.forms[0].htxt.value;
	}
	document.forms[0].uname.focus();
</script>