📄 tu6.6.htm
字号:
<HTML>
<HEAD>
<TITLE>文本型表单控件</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function show()
{
myForm=document.form1.elements[0].form;
//以上语句使用对象的 form 属性引用文档中的表单。
newWin=open("","","height=400,width=400");
newWin.document.write("<H3>表单元素信息：</H3>")
for(i=0;i<myForm.length;i++)
{
if(myForm.elements[i].type=="text")
myType="文本框";
else if(myForm.elements[i].type=="password")
myType="口令框";
else if(myForm.elements[i].type=="textarea")
myType="多行文本框";
else if(myForm.elements[i].type=="file")
myType="文件选择框";
else
myType="其他元素";
newWin.document.write(myType+"中的值为："+myForm.elements[i].value+"<P>")
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<DIV align=center>
<FORM NAME=form1 onSubmit="show()">
<H2>文本型表单控件</H2>
文本框：<INPUT value="text" onfocus=this.select()> <!-- this 代表当前对象，在此语句中相当于 document.form1.elements[0]。-->
<P>
口令框：<INPUT TYPE=password onfocus=this.select() value="password">
<P>
多行文本框：<TEXTAREA ROWS=4 onfocus=this.select()>多行文本框</TEXTAREA>
<P>
文件选择框：<INPUT TYPE=file NAME=file1 onfocus=this.select()>
<P><BR>
<INPUT TYPE=submit VALUE="提交">
<INPUT TYPE=reset>
</FORM>
</DIV>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -