personInformación de contacto
Sección para recopilar datos personales del cliente utilizando fieldset para agrupar elementos relacionados semánticamente.
widgetsElementos utilizados
group_work
fieldset
Agrupa controles relacionados semánticamente
label
legend
Proporciona título descriptivo al fieldset
radio_button_checked
input type="radio"
Permite seleccionar una opción entre varias
text_fields
input type="text/password"
Campos para introducir texto y contraseñas
codeCódigo de información de contacto
<fieldset>
<legend>Información de contacto</legend>
<div class="radio-group">
<div class="radio-option">
<input type="radio" id="sr" name="tratamiento" value="sr">
<label for="sr">Sr/Sra</label>
</div>
<div class="radio-option">
<input type="radio" id="dr" name="tratamiento" value="dr">
<label for="dr">Dr/Dra</label>
</div>
</div>
<div class="form-group">
<label for="nombre">Nombre: <span class="required">*</span></label>
<input type="text" id="nombre" name="nombre" required>
</div>
<div class="form-group">
<label for="email">Correo electrónico: <span class="required">*</span></label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="password">Contraseña: <span class="required">*</span></label>
<input type="password" id="password" name="password" required>
</div>
</fieldset>
<legend>Información de contacto</legend>
<div class="radio-group">
<div class="radio-option">
<input type="radio" id="sr" name="tratamiento" value="sr">
<label for="sr">Sr/Sra</label>
</div>
<div class="radio-option">
<input type="radio" id="dr" name="tratamiento" value="dr">
<label for="dr">Dr/Dra</label>
</div>
</div>
<div class="form-group">
<label for="nombre">Nombre: <span class="required">*</span></label>
<input type="text" id="nombre" name="nombre" required>
</div>
<div class="form-group">
<label for="email">Correo electrónico: <span class="required">*</span></label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="password">Contraseña: <span class="required">*</span></label>
<input type="password" id="password" name="password" required>
</div>
</fieldset>
visibilityVista previa
Formulario de Pago
Los campos obligatorios se han marcado con *.