Como engadir un formulario con KompoZer

01 de 06

Engadir un formulario con KompoZer

Hai moitas veces cando está creando páxinas web onde ten que procesar a información enviada polo usuario, como unha páxina de inicio de sesión, a creación dunha nova conta ou para enviar preguntas ou comentarios. A entrada do usuario recóllese e envíase ao servidor web usando un formulario HTML. Os formatos son fáciles de engadir coas ferramentas integradas de KompoZer. Todos os tipos de campos de formulario que admite HTML 4.0 poden ser engadidos e editados con KompoZer, pero para este tutorial traballaremos cos botóns de texto, área de texto, envío e restablecemento.

02 de 06

Crea un novo formulario con KompoZer

KompoZer ten ferramentas de forma rica que pode usar para engadir formularios ás súas páxinas web. Accede ás ferramentas de formulario premendo no botón Forma ou no menú desplegable que se acompaña na barra de ferramentas. Teña en conta que se non escribe os seus propios scripts de manexo de formularios , necesitará obter algunha información para este paso dende a documentación ou desde o programador que escribiu o script. Tamén pode usar os formularios mailto, pero non sempre funcionan .

1. Sitúe o cursor no lugar onde desexe que apareza o formulario na páxina.
2. Faga clic no botón Formar na barra de ferramentas. Abrirase a caixa de diálogo Propiedades do formulario.
3. Engade un nome ao formulario. O nome úsase no código HTML xerado automaticamente para identificar o formulario e é necesario. Tamén debes gardar a túa páxina antes de poder engadir un formulario. Se estás a traballar cunha páxina nova e non gardada, KompoZer o pedirá que gardes.
4. Engada a URL ao script que procesará os datos do formulario no campo Acción URL. Os controladores de formularios son xeralmente escritos escritos en PHP ou un idioma similar ao servidor. Sen esta información, a súa páxina web non poderá facer nada cos datos ingresados ​​polo usuario. KompoZer solicitaralle que ingrese o URL do controlador de formulario se non o escribe.
5. Seleccione o método usado para enviar os datos do formulario ao servidor. As dúas opcións son GET e POST. Necesitarás saber que método require o script.
6. Fai clic en Aceptar e engádese o formulario á túa páxina.

03 de 06

Engade un campo de texto a un formulario con KompoZer

Unha vez que engadiu un formulario a unha páxina con KompoZer, o formulario será descrito na páxina nunha liña escura azul clara. Engade os campos do formulario dentro desta área. Tamén podes escribir texto ou engadir imaxes, como farías en calquera outra parte da páxina. O texto é útil para engadir indicacións ou etiquetas para formar campos para guiar ao usuario.

1. Escolla onde quere que o campo de texto entre na área do formulario definido. Se desexa engadir unha etiqueta, pode que queira escribir primeiro o texto.
2. Faga clic na frecha para abaixo situada ao lado do botón Forma na barra de ferramentas e escolla Campo de formulario no menú desplegable.
3. Abrirase a xanela Propiedades de campo de formulario. Para engadir un campo de texto, seleccione Texto no menú despregábel marcado Tipo de campo.
4. Dálle un nome ao campo de texto. O nome úsase para identificar o campo no código HTML eo script de manexo do formulario precisa o nome para procesar os datos. Pódense modificar algúns outros atributos opcionais neste diálogo modificando o botón Máis propiedades / poucas propiedades ou premendo o botón Editar avanzado, pero por agora só introducimos o nome do campo.
5. Fai clic en Aceptar e aparece o campo de texto na páxina.

04 de 06

Engadir unha área de texto a un formulario con KompoZer

Ás veces, hai que introducir unha gran cantidade de texto nun formulario, como unha mensaxe ou un campo de preguntas / comentarios. Neste caso, un campo de texto non é axeitado. Pode engadir un campo de formulario da área de texto empregando as ferramentas de formulario.

1. Sitúe o cursor dentro do contorno do formulario onde desexa que se atope a área de texto. Se quere teclear unha etiqueta, moitas veces é unha boa idea escribir o texto da etiqueta, prema enter para pasar a unha nova liña e, a continuación, engada o campo do formulario, xa que o tamaño da área de texto na páxina fai que sexa incómodo etiqueta para estar á esquerda ou á dereita.
2. Faga clic na frecha para abaixo situada ao lado do botón Forma na barra de ferramentas e escolla Área de texto no menú desplegable. A xanela Propiedades do espazo de texto abrirase.
3. Introduce un nome para o campo da área de texto. O nome identifica o campo no código HTML e úsase o script de manexo do formulario para procesar a información enviada polo usuario.
4. Introduza o número de filas e columnas que quere que se amose a área de texto. Estas dimensións determinan o tamaño do campo na páxina e canto texto se pode introducir no campo antes de que o desprazamento teña que suceder.
5. As opcións máis avanzadas pódense especificar cos outros controis desta fiestra, pero por agora o nome e as dimensións do campo son suficientes.
6. Fai clic en Aceptar e a área de texto aparece no formulario.

05 de 06

Engade un botón Enviar e restablecer a un formulario con KompoZer

Despois de que o usuario cubrise o formulario na túa páxina, hai que ter algún camiño para que a información se envíe ao servidor. Ademais, se o usuario quere comezar de novo ou comete un erro, é útil incluír un control que restablecerá todos os valores do formulario ao predeterminado. Os controis de forma especiais xestionan estas funcións, chamadas botóns Enviar e Restablecer respectivamente.

1. Coloque o cursor dentro do área do formulario definido onde desexe que o botón de enviar ou reiniciar. Na maioría das veces, estes situaranse debaixo do resto dos campos nun formulario.
2. Faga clic na frecha para abaixo situada ao lado do botón Forma na barra de ferramentas e escolla Definir botón no menú desplegable. Aparecerá a xanela Propiedades do botón.
3. Escolla o tipo de botón do menú despregable que se chama Tipo. As túas opcións son Enviar, Restablecer e Botón. Neste caso escolleremos o tipo de envío.
4. Dálle un nome ao botón que se usará no código de manipulación de HTML e forma para procesar a solicitude do formulario. Os desenvolvedores web adoitan nomear este campo "enviar".
5. Na caixa Valor marcado, introduza o texto que debería aparecer no botón. O texto debería ser breve pero descritivo do que ocorrerá cando se preme o botón. Algo así como "Enviar", "Enviar formulario" ou "Enviar" son bos exemplos.
6. Fai clic en Aceptar e aparece o botón no formulario.

O botón Restablecer pódese engadir ao formulario empregando o mesmo proceso, pero seleccione Restablecer do campo Tipo en lugar de Enviar.

06 de 06

Edición dun formulario con KompoZer

Editar un campo de formulario ou formulario en KompoZer é moi sinxelo. Simplemente prema dúas veces no campo que desexa editar e aparece o cadro de diálogo axeitado onde pode cambiar as propiedades do campo para atender ás súas necesidades. O diagrama anterior mostra un formulario sinxelo empregando os compoñentes cubertos neste tutorial.