<!DOCTYPE html> <html> <head> <title>M.R博客</title> <style type="text/css"> body{ margin:0 auto; width:100%; font-size:14px; } #left{ width:190px; float:left; padding:0px; height:300px; } #right{ width:60%; height:430px; padding:10px; float:right; } img{margin-bottom:-5px;} </style> </head> <body> <img src="01.gif" src="02.gif" width=100%> <img src="02.gif" align="left" width="5%"/> <img src="04.gif" align="right" width="6.3%"/> <div id="left" style="height:600px; border-right:2px #00cc00 solid;" > <img src="reg.gif"><b> 注册帮助  </b><br/></br><br></br> <a href="#">会员名:为会员登录网站的通行证,长度控制在3-20个字符之内. </a></br><br></br> <a href="#">密码:请设定在6-20位之间. </a></br><br></br> <a href="#">确认密码:确认密码必须与密码一致. </a></br><br></br> <a href="#">Email:请填写有效的Email地址,以便于与您联系. </a></br><br></br> </div> <div id="right"><img src="03.jpg"/> <form action="index2.html" method="post" onSubmit="return check();"> <pre> 用户名: <input type="text" id="account" name="account" placeholder="长度控制3-20个字符之间" onblur="check()"/> <span id="accountText" ></span> 密 码:<input type="password" id="password" name="password" placeholder="请设定在6-20位之间" onblur="check()"/> <span id="passwordText" ></span> 确认密码:<input type="password" id="repassword" name="repassword" onblur="check()"/> <span id="repasswordText" ></span> 性 别:<input type="radio" name="sex" value="male" checked="checked"/>男 <input type="radio" name="sex" value="female" />女 E-mail:<input type="text" id="email" name="email" onblur="check()"/> <span id="emailText" ></span> <input type="submit" value="提交"/> <input type="reset" value="重置"/> </pre> </form> </body> </html> <script type="text/javascript"> function check(){ var account = document.getElementById('account').value; var accountText=document.getElementById("accountText"); if(account==''){ accountText.innerHTML="<span style='color:#cc0000'>用户名不能为空</span>"; return false; }else if(account.match(/^[\w]{3,20}/)!=account){ accountText.innerHTML="<span style='color:#cc0000'>长度控制3-20个字符之间</span>"; return false; }else { accountText.innerHTML="有效用户"; } var password = document.getElementById('password').value; var passwordText=document.getElementById('passwordText'); if(password==''){ passwordText.innerHTML="<span style='color:#cc0000'>密码不能为空</span>"; return false; }else if(password.match('.{6,20}')!=password){ passwordText.innerHTML="<span style='color:#cc0000'>密码必须是6-20位</span>"; return false; }else{ passwordText.innerHTML="有效密码"; } var password = document.getElementById('password').value; var repassword = document.getElementById('repassword').value; var repasswordText=document.getElementById("repasswordText"); if(repassword!=password){ repasswordText.innerHTML="<span style='color:#cc0000'>两次密码输入不一致</span>"; return false; }else{ repasswordText.innerHTML="符合要求"; } var email = document.getElementById('email').value; var emailText=document.getElementById("emailText"); if(email.match('\\w+@\\w+[\.\\w+]+')!=email){ emailText.innerHTML="<span style='color:#cc0000'>email格式错误 </span>"; return false; }else{ emailText.innerHTML="email有效"; } } </script>
<!DOCTYPE html> <html> <head> <title>Questionnaire</title> <style type="text/css"> body{ background:url(my.jpg) no-repeat fixed; } .headline{ font-size:48px; text-align:center; font-weight:900; font-family:黑体,隶书; } </style> </head> <form action="" > <body> <p class="headline">企业电子商务调查问卷</p> <table border="0"> <tr> <td>企业名称:</td> <td><input type="text" name="userid"/></br> </td> </tr> <tr> <td>注册地:</td> <td><input type="text" name="address"/></td><br/> </tr> <tr> <td>企业成立时间:</td> <td><input type="date" name="date" /> </td> </tr><br/> </table> <tr> <td>您所在企业网站的更新周期是多长时间?</td> <td><select name="select"> <option value="01">每天</option> <option value="02">每周</option> <option value="03">每月</option> <option value="04">每季度</option> <option value="05">每半年</option> <option value="06">半年以上</option> </select></td> </tr><br/> <tr><td>企业所在行业:</td> <td><input type="radio" name="aa"value="流程型制造业"checked="checked" /> 流程型制造业</td> <td><input type="radio" name="aa"value="离散型制造业"checked="checked" />离散型制造业 </td> <td><input type="radio" name="aa"value="混合型企业"checked="checked" /> 混合型企业</td> <td><input type="radio" name="aa"value="旅游服务业"checked="checked" />旅游服务业 </td> <td><input type="radio" name="aa"value="餐饮服务业"checked="checked" />餐饮服务业 </td> <td><input type="radio" name="aa"value="信息服务业"checked="checked" />信息服务业 </td> <td><input type="radio" name="aa"value="金融服务业"checked="checked" /> 金融服务业</td> <td><input type="radio" name="aa"value="物流服务业"checked="checked" /> 物流服务业</td> <td><input type="radio" name="aa"value="其他"checked="checked"/>其他<textarea name="textfield" rows="1"></textarea></td><br/> <form action="" method="post" > 您所在企业的商业往来通信方式有哪些: <input type="checkbox" name="bb"value="电子数据交换(EDI)" />电子数据交换(EDI) <input type="checkbox" name="bb"value="互联网internet" />互联网internet <input type="checkbox" name="bb"value="电话线路tel.fax" />电话线路tel.fax <input type="checkbox" name="bb"value="传统邮政"/>传统邮政</td> <input type="checkbox" name="bb"value="其他" />其他<input type="txt" name="txtfile" rows="3"/> </form> <tr> <td>其他意见或建议:</td><br/>         <td><textarea name="textfield" rows="10" cols="80"></textarea></td> </tr><br/> <tr> <td>                  </td> <td><input type="submit" name="submit" value="提交" onclick="alert('提交成功')"/></td> <td><input type="reset" name="reset" value="重置"></td> </tr> </form> </body> </html> <script type="text/javascript"> function init(){ var cs=document.getElementsByName("bb"); for(var i=0;i<cs.length;i++){ cs[i].onclick=function(){ var num=0; for(var i=0;i<cs.length;i++){ if(cs[i].checked){ num++; } } if(num>=2){ for(var i=0;i<cs.length;i++){ if(!cs[i].checked){ cs[i].disabled="disabled"; } } }else{ for(var i=0;i<cs.length;i++){ if(!cs[i].checked){ cs[i].disabled=false; } } } } } } window.onload=init; </script>