第十章表单与表单域.pptVIP

Web编程基础 ;访问表单和表单域 表单事件 表单元素 表单文本校验;html head script……. …….. /script /head body form id=myForm input id=fname type=text value=Mickey / input id=lname type=text value=Mouse / input id=sub type=button value=Submit / /form /body /html;10.1 访问表单和表单域;10.1.1 访问表单;10.1.1 访问表单;10.1.2 访问表单域;10.1.2 访问表单域;10.1.3 提交表单;10.1.3 提交表单;10.1.4 重置表单;10.2 为表单添加事件;表单事件;按钮 - 事件处理程序;事件处理程序(onSubmit);10.2.1 跨浏览器的事件处理;10.2.2 取消一个事件;10.3 文本框、多行文本、密码框及隐藏表单域元素;10.3 文本框、多行文本、密码框及隐藏表单域元素;登陆界面;html xmlns=/1999/xhtml headtitle登陆界面/title style type=text/css !-- .STYLE1 {font-size: large;font-weight: bold;} .STYLE2 {font-size: large;font-weight: bold;color: #000000;} -- /style script type=text/javascript function catchEvent(eventObj,event,eventHandler) {//跨浏览器 if (eventObj.addEventListener){ eventObj.addEventListener(event,eventHandler,false); }else if (eventObj.attachEvent){ event =on+ event ; eventObj.attachEvent(event,eventHandler);} } function cancelEvent(event) {//取消事件 if (event.preventDefault) { event.preventDefault(); event.stopPropagation(); } else { event.returnValue = false; event.cancelBubble = true; } } catchEvent(window,load,setupEvents); function setupEvents(evnt){ catchEvent(document.getElementById(form1),submit,login);};form id=someForm action= Name:input type=text name=text1 /br / Password:input type=password name=text2 /br / input type=hidden name=text3 value=hidden value / textarea id=text4 cols=50 rows=10The text area/textareabr /br / input type=submit value=Submit / /form;10.4 单选按钮和复选框;10.4 单选按钮和复选框;每次只能选择一项;单选按钮：每次只能选择一项;html xmlns=/1999/xhtml head titleRadio - greengnn/title script language=javascript type=text/javascript function ok() { var temp= document.getElementsByName(radio); for (i=0;itemp.length;i++){ //遍历Radio if (temp[i].checked) { alert(你选择了+temp[i].value); document.form2.textfield.value=“你选择了”+temp[i].value; //传递给另外一个表单 } } } /script /head;