Biblioteca de fragmentos

Fragmentos probados y listos para copiar en Python, Flask, JavaScript, SQL, HTML, CSS y Bash. Abre cualquiera en el playground.

Mostrar solo los snippets guardados en este navegador

2 fragmentos

html

Accessible modal with <dialog>

A native modal with focus handling, Escape to close and a backdrop.

<button id="open">Delete project</button>

<dialog id="confirm" aria-labelledby="confirm-title">
  <form method="dialog">
    <h2 id="confirm-title">Delete this project?</h2>

beginner #accessibility#dialog#ui

html

Contact form with built-in validation

Labels, input types and constraints that browsers validate for free.

<form action="/contact" method="post" novalidate>
  <label for="email">Email</label>
  <input id="email" name="email" type="email" required autocomplete="email">

  <label for="msg">Message</label>

beginner #forms#validation#accessibility

PandaDev

Servicios

Catálogo de apps

Aprender

Empresa

Ayuda

Cambiar idioma

Biblioteca de fragmentos

Accessible modal with <dialog>

Contact form with built-in validation