Es mi primera vez usando este framework
, estoy intentado colocar un select
, sin embargo no me aparece absolutamente nada más que el label
y sobre puesto en el lugar donde esta el botón, si alguien me pudiera decir como se hace o en que me equivoco se los agradecería mucho.
Aquí muestro la manera en como inicié el select
, y como lo he colocado, esta igual que en la página oficial porque estoy tratando de seguir la documentación, sin embargo me he atorado.
Mi código:
<title>Document</title>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<script type="text/javascript">
$(document).ready(function() {
$('select').formSelect();
});
</script>
</head>
<body>
<div class="section container">
<div class="row">
<form class="col s12">
<div class="row card-panel">
<div class="input-field col s6">
<input type="text" placeholder="Ingresa tu nombre" id="nombre" class="validate" required>
<label for="nombre">Nombre:</label>
</div>
<div class="input-field col s6">
<input type="text" id="apellido" class="validate" required>
<label for="apellido">Apellido:</label>
</div>
<div class="input-field col s12">
<input type="email" id="email">
<label for="email">Email:</label>
</div>
<div class="input-field col s12">
<select>
<option value="" disabled selected>Choose your option</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>
<label>Materialize Select</label>
</div>
<button class="btn" type="submit">ENVIAR</button>
</div>
</form>
</div>
</div>
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<div class="input-field col s12">aquí</div>
sospecho que con eso baste para que no se pisen. En cuanto al select no veo claro por qué no se ve en la imagen. Revisa los atributos del objeto haciendo click con botón derecho en la zona situada arriba del label. suele mostrar una opción como inspeccionar elemento – quevedo el 3 sep. 20 a las 23:02materialize select
y no se ve el select realmente ni las opciones... – Mayra Ximena Vargas el 3 sep. 20 a las 23:22