Cuando el mouse hace clic en el cuadro de entrada, el contenido del interior desaparecerá.

Autor：Eve Cole Fecha de actualización：2009-06-18 17:12:36

Utilice Javascript para generar automáticamente varios códigos de efectos especiales de formularios, genere automáticamente efectos especiales de páginas web de formularios

<html> <head> <title>Utilice Javascript para generar automáticamente varios códigos de efectos especiales de formularios.com</title> <tipo de estilo="text/css"> cuerpo{ } div{ borde:1 plata sólida; ancho:300px; relleno:px; tamaño de fuente:12px; ; superior: 0px; relleno-superior: 10px; } área de texto {posición: absoluta; izquierda: 0 px; ancho: 400 px; { ancho:30px; borde:1 sólido #000; alto:20px; .opt{ tamaño de fuente:11px; borde:1 rojo sólido; alto:20px; texto /javascript" aplazar="aplazar"> función Make_Code(){ //code_value.value=""; var obj=document.getElementsByTagName("formulario")[0]; var n=obj.elements[0].value ; //El número de formularios; if(n==""){ alert("¡Ingrese el número de formularios que se generarán!nt^_^"); =obj .elements[1].options[obj.elements[1].selectedIndex].value; //Tipo de formulario; //alert(n+" : "+typeof n+"n"+sel_value.value+=); "< formulario>"; for(var i=0;i<n;i++){ if(sel_value=="image"){ obj.elements[3].style.display="block"; elementos[ 3].valor code_value.value+="<tipo de entrada=""+sel_value+"" nombre=""+sel_value+"_"+i+"" src=""+img_src+"" / >" ; } else if(sel_value=="radio"){ code_value.value+="<tipo de entrada=""+sel_value+"" nombre=""+sel_value+"_"+n+"" />" +sel_value+ "_"+i+" "; } else if(sel_value=="casilla de verificación"){ code_value.value+="<tipo de entrada=""+sel_value+"" nombre=""+sel_value+"_"+ i+" " />"+sel_value+"_"+i+" "; } else if(sel_value=="text"){ code_value.value+=sel_value+"_"+i+" : <tipo de entrada=""+sel_value+ " " nombre=""+sel_value+"_"+i+"" /><br>"; } else{ code_value.value+="<tipo de entrada=""+sel_value+"" nombre="" +sel_value+ "_"+i+"" valor=""+sel_value+"_"+i+"" />  "; } } code_value.value+="</form>"; } función run_code( ){ var win_code=window.open("","new_win",""); win_code.document.writeln(code_value.value); win_code.document.close() } función check_type(){ var obj=documento. getElementsByTagName( "formulario")[0]; if(obj.elements[1].value=="image"){ obj.elements[3].style.display="block } else{ obj.elements[3] ]. style.display="none"; } } </script> </head> <body> <div> <form> <center><h3>Generar formulario automáticamente</h3></center> Número de formulario: < tipo de entrada="texto" clase="NUM" /> Tipo de formulario: <seleccionar clase="opt" onChange="check_type()"> <opción valor="archivo" marcado>archivo <opción valor="texto">texto < opción valor="botón">botón <opción valor="imagen">imagen <opción valor="radio">radio <opción valor="casilla de verificación">casilla de verificación <opción valor="reset">restablecer <opción valor=" enviar ">enviar </select>  <button onclick="Make_Code()" style="height:22px;padding:0px;width:50px;">Aceptar</button><br> <input type="archivo " style="width:300px;display:none;" /> </form> </div> <textarea id="code_value"> </textarea> <div id="buttons" style="text-align:center ; padding-top:10px;width:400px;height:50px;position:absolute;left:310px;top:300px"> <button onclick="run_code()">Ejecutar código</button> <button onclick="code_value value='';">Borrar código</button> </div> </body> </html>.