WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Forms

plum.Form - A jQuery Form Styling Tool

— Add- On para WorldWideScripts.net

@es1wwsSuscríbete a nuestro RSS para estar al día!

¡Nuevo! Síguenos como quieras!


plum.Form - una herramienta Styling formulario jQuery - WorldWideScripts.net artículo en venta

Ads

Ad: Bluehost hosting

A todos los que han dejado comentarios que hacen preguntas estos últimos dos meses, y los que pueden hacer preguntas en el futuro : Si necesita ayuda, por favor envíeme un correo electrónico de mi página de perfil. He estado muy ocupado y sólo estoy poniendo de nuevo en marcha . El correo electrónico es la manera más rápida para que te ayude .

Versión actual : 1.5.2, 15 de enero 2012

plum.form es la herramienta perfecta para los diseñadores que necesitan para pasar por encima de los límites de los formularios web aburridas . Esto simplifica el proceso de creación de formas perfectas que parecen hermosas y añadir características adicionales a su sitio web.

¿Cómo funciona ?

Aparte de un poco de JavaScript y un poco de CSS, no hay nada adicional que necesita . Ciruela centra su poder en formas o elementos individuales del formulario y crea envoltorios HTML sobre la marcha. En lugar de tocar el violín con un menú desplegable torpe, puede utilizar las clases básicas de CSS para trabajar con HTML simple . Todo lo que necesitas es una forma

<form action="" method="post" enctype="multipart/form-data">
    <input name="box1[]" type="checkbox" value="1">
    <input name="box2[]" type="checkbox" value="2">
    <input name="box3" type="radio" value="1">
    <input name="box3" type="radio" value="2">
    <input name="files[]" type="file">
    <select name="menu">
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
    </select>
    <input type="submit">
</form>

Por cada elemento que está dirigido, Ciruela crea un "contenedor" que puede estilo con CSS. Ese envoltorio está dado nombres muy básicas y memorables de la clase, como "select ", " archivo", o " casilla de entrada de discapacitados" . Debido Ciruela utiliza el tipo de elemento como nombre de la clase, puede añadir estilos especiales para sectores específicos . Por ejemplo, puede agregar un icono agradable a los campos que tienen una clase de "búsqueda" (usando<input Type="search">).

El aspecto subyacente de plum.Form es la simplicidad . No es nada más que una herramienta de diseño, lo que significa que conserva toda la funcionalidad de un formulario web regular. Navegación mediante el teclado sigue funcionando (incluyendo escribiendo el valor de una opción, mientras que se centró en un campo select), al igual que el envío de datos al servidor. Ciruela está ahí para hacer que todo se vea bien y añadir un toque de estilo.

Características

  • nuevo en 1.4AJAX exprés necesidades ciruelo para ser llamado una sola vez. Los elementos agregados a la página después se ejecuta automáticamente a través del ciruelo
  • No se requiere adicional marcado HTML
  • Tamaño de archivo pequeño ! Minified, plum.Form tiene menos de 20 Kb
  • Estilo de todas partes de un formulario, incluyendo campos del archivo de entrada, los menús desplegables ( select), casillas de verificación, botones de opción, botones, y el texto y las contraseñas
  • Soporta comprobar grupos caja con varios estados : . Ninguno, todos y mixto (unos comprobado, otros no)
  • En las etiquetas de campo que se desvanecen en el enfoque y esconderse mientras se escribe
  • Validación de formularios con controles predefinidos ( teléfono #, dirección de email y la longitud de contenido), así como métodos personalizados
  • Soporta múltiples cargas de archivos
  • Los archivos se pueden cargar a través de AJAX
  • Navegadores HTML5 pueden mostrar una barra de progreso de carga de archivos AJAX
  • Limite la subida de archivos a ciertos tipos, tamaños y cantidades
  • Conserva funcionalidad formulario estándar : plum.Form apoya centrándose en elementos con la tecla de tabulación y navegar selectos menús escribiendo nombres de opción o usar las teclas de flecha
  • Soporta cascada selectos menús
  • Fácilmente adaptable para crear nuevas pieles de formulario
  • Amplia documentación
  • Fácil de usar : incluir los archivos, orientar sus formas, y ya está !

Soporte del navegador

  • Mozilla Firefox 3 o superior
  • Apple Safari 3 o superior
  • Google Chrome
  • Opera 10 o superior
  • Microsoft Internet Explorer 7 o superior

¡Gracias !

Sin la ayuda de una comunidad como apoyo, plum.Form nunca habría visto la luz del día . Un agradecimiento muy especial a todos los que informa de los errores y solicitudes de funciones .

Descargar
Otros componentes de esta categoríaTodos los componentes de este autor
ComentariosPreguntas frecuentes y respuestas

Propiedades

Creado:
7 11 de junio

Última actualización:
25 12 de agosto

Navegadores compatibles:
IE7 , IE8 , IE9 , Firefox , Safari , Opera , Chrome , versión de software

Alta Resolución:
No

Archivos incluidos:
JavaScript JS , HTML , CSS, PHP, capas PSD

Palabras clave

forma ajax, revise todos, grupo casilla de verificación, la forma, la forma css, forma styler, validación de formularios, etiquetas en el terreno, la forma jquery, validar