⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 form对象系统实例.html

📁 JavaScript实例
💻 HTML
字号:
<html><HEAD><TITLE>Form对象系统实例</TITLE>
<script>
sex=new Array();
sex[0]="Male";
sex[1]="Female";
sele=0;
sex_sele=0;
function VerifyAndChgText()
{
  var Length=document.forms[0].length;
  var Type,Empty=false;
  for(var i=0;i<Length;i++){
    Type=document.forms[0].elements[i].type;
    if(Type=="text")
       if(document.forms[0].elements[i].value=="")
          Empty=true;
   }
   if(!Empty){
      name="您的姓名是"+document.forms[0].NameText.value+"\n";
      alias="您的别名是"+document.forms[0].AliasText.value+"\n";
      sex_1="您的性别是"+sex[sex_sele]+"\n";
      area="您所在的地区是"+document.forms[0].area.options[sele].text+"\n";
      exp="备注信息是"+document.forms[0].exp.value+"\n";
      document.forms[0].info.value=name+alias+sex_1+area+exp;
    }
    else
      alert("您未输入完全!");
    return Empty;
}
</script>
</HEAD>
<body><h4 align=center>请输入您的个人信息</h4>
<form>
您的姓名:<input type="text" name="NameText" size=10><br>
您的别名:<input type="text" name="AliasText" size=10><br>
您的性别:
<input type="radio" name="sex" onClick="sex_sele=0">Male
<input type="radio" name="sex" onClick="sex_sele=1">Female<br>
您所在的地区是:
<select name="area" onChange="sele=this.selectedIndex">
<option value="1" >江苏省
<option value="2">北京市
<option value="3" selected>上海市
<option value="4">天津市
<option value="5">浙江省
</select><br>
备注:<textarea name="exp" rows=5 cols=20></textarea><br><br>
<input type="button" value="提交信息" onClick="VerifyAndChgText()"><br><br>
您已经输入的信息是:
<textarea name="info" rows=5 cols=30></textarea><br><br>
</form>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -