Advertisement
oscarviedma

Código HTML para crear el formulario QR - OV DIVI

Aug 24th, 2024 (edited)
468
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.06 KB | None | 0 0
  1. <input type="text" id="ov-qr-text" class="ov-input" placeholder="Ingresa el texto para el código QR">
  2. <div class="ov-whatsapp-inputs">
  3.     <input type="tel" id="ov-whatsapp-number" placeholder="Número de WhatsApp + prefijo">
  4.     <input type="text" id="ov-whatsapp-message" placeholder="Mensaje">
  5. </div>
  6. <div class="ov-vcard-inputs">
  7.     <input type="text" id="ov-vcard-name" placeholder="Nombre completo">
  8.     <input type="text" id="ov-vcard-org" placeholder="Organización">
  9.     <input type="tel" id="ov-vcard-tel" placeholder="Teléfono">
  10.     <input type="email" id="ov-vcard-email" placeholder="Correo electrónico">
  11.     <input type="url" id="ov-vcard-url" placeholder="Sitio web">
  12.     <textarea id="ov-vcard-address" placeholder="Dirección"></textarea>
  13. </div>
  14. <div class="ov-wifi-inputs" style="display: none;">
  15.     <input type="text" id="ov-wifi-ssid" class="ov-input" placeholder="Nombre de la red (SSID)">
  16.     <select id="ov-wifi-encryption" class="ov-select">
  17.         <option value="WPA">WPA/WPA2</option>
  18.         <option value="WEP">WEP</option>
  19.         <option value="nopass">Sin contraseña</option>
  20.     </select>
  21.     <input type="password" id="ov-wifi-password" class="ov-input" placeholder="Contraseña">
  22. </div>
  23. <select id="ov-qr-type" class="ov-select">
  24.     <option value="text">Texto simple</option>
  25.     <option value="url">URL</option>
  26.     <option value="email">Correo electrónico</option>
  27.     <option value="tel">Número de teléfono</option>
  28.     <option value="sms">SMS</option>
  29.     <option value="wifi">Wi-Fi</option>
  30.     <option value="whatsapp">WhatsApp</option>
  31.     <option value="vcard">vCard</option>
  32. </select>
  33. <div class="ov-color-picker">
  34.     <div id="ov-color-preview" class="ov-color-preview"></div>
  35.     <span class="ov-color-label">Color del QR</span>
  36. </div>
  37. <button onclick="generateQR()" class="ov-button generar-qr">Generar QR</button>
  38. <button onclick="downloadQR()" class="ov-button descargar-qr">Descargar QR</button>
  39. <div id="ov-warning" class="ov-warning"></div>
  40.  
  41. <div id="ov-qrcode">
  42.   <div class="qr-watermark"></div>
  43. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement