Código HTML para la creación de módulos con campos de datos personales

Owned by Former user (Deleted)
Last updated: Dec 07, 2023 by Camilla Toracchio
5 min read

Cambia los textos, modifica el gráfico y cancela los campos que no sean útiles interviniendo directamente sobre el código  HMTL (pinchando sobre<> en el editor) con los elementos que hay a continuación: 

Elementos del móduloEjemploCódigo HTMLResultado
Campo de texto<input name="campo5" type="text" maxlength="100" />campo5=texto insertado
Check box<input type="checkbox" name="campo2" value="negro" /> <input type="checkbox" name="campo2" value="azul" />campo2=negro,azul
Radio button<input name="campo7" type="radio" value="verde" /> <input name="campo7" type="radio" value="rojo" />campo7=verde
Dropdown<select name="campo9" id="campo9"> <option value="rrrr">rosa</option> <option value="gggg">amarillo</option> </select>campo9=gggg
Lista<select name="campo2" size="4"> <option value="bbbb">blanco</option> <option value="vvvv">morado</option> <option value="libre">gris</option> </select>campo2=bbbb
Lista múltiple<select name="campo3" size="4" multiple="multiple"> <option value="bbbb">blanco</option> <option value="vvvv" selected="selected">morado</option> <option value="liber">gris</option> </select>campo3=vvvv,liber
Uso de los gruposname=groupvalue=<numero del grupo> 

Attenzione

  • Para que correspondan el valor <número de grupo> y los campos personales consulta la Tabla códigos
  • Para ajustar la obligatoriedad de un campo, ve Campos de destinatarios
  • Cada campo tiene una longitud máxima de 100 carácteres
  • Puedes precompilar automáticamente un campo haciéndolo invisible, con valores fijos o variables (ej. insertando /nome/), simplemente estableciendo lo mismo con type="hidden"
  • Inserta siempre un campo name="email" con value="[email]", de lo contrario aparecerá un mensaje de error en la fase de envío del formulario.
  • Recuerda que el valor de los campos son compartidos y visibles en todas las listas a las cuales está inscrito un destinatario.
  • Quien rellena el módulo pasa a formar parte automáticamente de un nuevo grupo (creado automáticamente) con nombre igual al módulo de autoperfilación. Para evitarlo, elimina la línea <input type="hidden" id="apgroup" name="apgroup" value="id grupo"> (consulta la Tabla códigos para más detalles).
 Ejemplos
 1Trasformar un campo de texto (type="text") en un radio buttonResultado
 Originale

Sexo <input name="campo5" type="text" maxlength="100" />

 NuevoSexo: <input name="campo5" type="radio" maxlength="100" value="M"/>masculino <input name="campo5" type="radio" maxlength="100" value="F"/> femenino 
 2Trasformar la elección de los grupos en una elección únicaResultado
Original 

<input id=group84 type=checkbox value=84 name=group> masculino  <input id=group78 type=checkbox value=78 name=group> femenino  <input id=group67 type=checkbox value=67 name=group> no responder

  Nuevo<input id=group84 type="radio" value="84" name=group>masculino <input id=group78 type="radio" value=78 name=group>femenino <input id=group67 type="radio" value=67 name=group>no resonder
 3Trasformar un campo de texto en un dropdownResultado
Original

Provincia:  <input name="campo8" type="text" maxlength="100" />

 NuevoProvincia:  <select name="campo8"> <option value="" selected >Selezionare</option> <option value="AG">Agrigento</option> <option value="AL">Alessandria</option> <option value="AN">Ancona</option> <option value="AO">Aosta</option> <option value="AP">Ascoli-Piceno</option> <option value="AQ">Aquila</option> <option value="AR">Arezzo</option> <option value="AT">Asti</option> <option value="AV">Avellino</option> <option value="BA">Bari</option> <option value="BG">Bergamo</option> <option value="BI">Biella</option> <option value="BL">Belluno</option> <option value="BN">Benevento</option> <option value="BO">Bologna</option> <option value="BR">Brindisi</option> <option value="BS">Brescia</option> <option value="BZ">Bolzano</option> <option value="CA">Cagliari</option> <option value="CB">Campobasso</option> <option value="CE">Caserta</option> <option value="CH">Chieti</option> <option value="CL">Caltanissetta</option> <option value="CN">Cuneo</option> <option value="CO">Como</option> <option value="CR">Cremona</option> <option value="CS">Cosenza</option> <option value="CT">Catania</option> <option value="CZ">Catanzaro</option> <option value="EE"></option> <option value="EN">Enna</option> <option value="FC"></option> <option value="FC">Cesena-Forli</option> <option value="FE">Ferrara</option> <option value="FG">Foggia</option> <option value="FI">Firenze</option> <option value="FR">Frosinone</option> <option value="GE">Genova</option> <option value="GO">Gorizia</option> <option value="GR">Grosseto</option> <option value="IM">Imperia</option> <option value="IS">Isernia</option> <option value="KR">Crotone</option> <option value="LC">Lecco</option> <option value="LE">Lecce</option> <option value="LI">Livorno</option> <option value="LO">Lodi</option> <option value="LT">Latina</option> <option value="LU">Lucca</option> <option value="MC">Macerata</option> <option value="ME">Messina</option> <option value="MI">Milano</option> <option value="MN">Mantova</option> <option value="MO">Modena</option> <option value="MS">Massa-Carrara</option> <option value="MT">Matera</option> <option value="NA">Napoli</option> <option value="NO">Novara</option> <option value="NU">Nuoro</option> <option value="OR">Oristano</option> <option value="PA">Palermo</option> <option value="PC">Piacenza</option> <option value="PD">Padova</option> <option value="PE">Pescara</option> <option value="PG">Perugia</option> <option value="PI">Pisa</option> <option value="PN">Pordenone</option> <option value="PO">Prato</option> <option value="PR">Parma</option> <option value="PS">Pesaro-Urbino</option> <option value="PT">Pistoia</option> <option value="PU"></option> <option value="PV">Pavia</option> <option value="PZ">Potenza</option> <option value="RA">Ravenna</option> <option value="RC">Reggio-Calabria</option> <option value="RE">Reggio-Emilia</option> <option value="RG">Ragusa</option> <option value="RI">Rieti</option> <option value="RM">Roma</option> <option value="RN">Rimini</option> <option value="RO">Rovigo</option> <option value="SA">Salerno</option> <option value="SI">Siena</option> <option value="SO">Sondrio</option> <option value="SP">La-Spezia</option> <option value="SR">Siracusa</option> <option value="SS">Sassari</option> <option value="SV">Savona</option> <option value="TA">Taranto</option> <option value="TE">Teramo</option> <option value="TN">Trento</option> <option value="TO">Torino</option> <option value="TP">Trapani</option> <option value="TR">Terni</option> <option value="TS">Trieste</option> <option value="TV">Treviso</option> <option value="UD">Udine</option> <option value="VA">Varese</option> <option value="VB">Verbania</option> <option value="VC">Vercelli</option> <option value="VE">Venezia</option> <option value="VI">Vicenza</option> <option value="VR">Verona</option> <option value="VT">Viterbo</option> <option value="VV">Vibo-Valentia</option> </select>
 4Trasformar un campo de texto en un dropdown:Risultato
Original

Año de nacimiento  <input name="campo6" type="text" maxlength="100" />

 
 NuevoAño de nacimiento:  <select name="campo6"> <option value="1993" >1993 <option value="1992" >1992 <option value="1991" >1991 <option value="1990" >1990 <option value="1989" >1989 <option value="1988" >1988 <option value="1987" >1987 <option value="1986" >1986 <option value="1985" >1985 <option value="1984" >1984 <option value="1983" >1983 <option value="1982" >1982 <option value="1981" >1981 <option value="1980" >1980 <option value="1979" >1979 <option value="1978" >1978 <option value="1977" >1977 <option value="1976" >1976 <option value="1975" >1975 <option value="1974" >1974 <option value="1973" >1973 <option value="1972" >1972 <option value="1971" >1971 <option value="1970" >1970 <option value="1969" >1969 <option value="1968" >1968 <option value="1967" >1967 <option value="1966" >1966 <option value="1965" >1965 <option value="1964" >1964 <option value="1963" >1963 <option value="1962" >1962 <option value="1961" >1961 <option value="1960" >1960 <option value="1959" >1959 <option value="1958" >1958 <option value="1957" >1957 <option value="1956" >1956 <option value="1955" >1955 <option value="1954" >1954 <option value="1953" >1953 <option value="1952" >1952 <option value="1951" >1951 <option value="1950" >1950 <option value="1949" >1949 <option value="1948" >1948 <option value="1947" >1947 <option value="1946" >1946 <option value="1945" >1945 <option value="1944" >1944 <option value="1943" >1943 <option value="1942" >1942 <option value="1941" >1941 <option value="1940" >1940 <option value="1939" >1939 <option value="1938" >1938 <option value="1937" >1937 <option value="1936" >1936 <option value="1935" >1935 <option value="1934" >1934 <option value="1933" >1933 <option value="1932" >1932 <option value="1931" >1931 <option value="1930" >1930 <option value="1929" >1929 <option value="1928" >1928 <option value="1927" >1927 <option value="1926" >1926 <option value="1925" >1925 <option value="1924" >1924 <option value="1923" >1923 <option value="1922" >1922 <option value="1921" >1921 <option value="1920" >1920 <option value="1919" >1919 </select>

Para más información sobre el uso del código HTML, consulta un manual online, como por ejemplo este:  http://www.w3schools.com/html/