HTML - ayuda con mi pag web

 
Vista:

ayuda con mi pag web

Publicado por miguel (1 intervención) el 12/11/2019 17:26:52
hola buenos días necesito ayuda con mi código soy nuevo en esto y me piden un botón despegable y que en ese mismo tenga otros botones despegables.
o también podría ser seleccionar una opción por ejemplo Dell y que solo se pongan las opciones que le pertenezcan a dell y si abro hp solo las de hp alguien me podría ayudar porfas !!!.
Este es mi código.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!doctype html>
<html lang="en-US">
<head>
  <meta charset="utf-8">
  <meta http-equiv="Content-Type" content="text/html">
  <title>Inventarios Iztacalco</title>
  <meta name="author" content="Jake Rocheleau">
  <link rel="shortcut icon" href="http://static.tmimgcdn.com/img/favicon.ico">
  <link rel="icon" href="http://static.tmimgcdn.com/img/favicon.ico">
  <link rel="stylesheet" type="text/css" media="all" href="css/styles.css">
  <link rel="stylesheet" type="text/css" media="all" href="css/switchery.min.css">
  <script type="text/javascript" src="js/switchery.min.js"></script>
</head>
 
<body>
  <div id="wrapper">
 
  <h1>Iztacalco</h1>
 
  <form onsubmit="return false">
  <div class="col-3">
    <label>
      Nombre de la Maquina
      <input placeholder="Nombre de la Maquina" id="Maquina" name="Maquina" tabindex="1">
    </label>
  </div>
  <div class="col-3">
    <label>
      Ubicacion
      <input placeholder="Ubicación en La Alcaldia " id="Ubicación" name="Ubicación" tabindex="2">
    </label>
  </div>
  <div class="col-3">
    <label>
      Marca
      <select tabindex="5">
        <option>DELL</option>
        <option>HP</option>
        <option>Lenovo</option>
        <option>Xerox</option>
        <option>Otros</option>
        </select>
    </label>
  </div>
  <div class="col-3">
    <label>
      Tipo de Equipo
      <select tabindex="5">
        <option>Torre</option>
        <option>Escritorio</option>
        <option>LapTop</option>
        <option>Impresora</option>
        </select>
    </label>
  </div>
    <div class="col-3">
    <label>
      Modelo de Equipo
      <select tabindex="5">
       <option>OptiPlex 740</option>
        <option>OptiPlex 745</option>
        <option>OptiPlex 755</option>
        <option>OptiPlex 7060</option>
        <option>OptiPlex 3040</option>
        <option>Xerox VL 7030</option>
      </select>
    </label>
  </div>
  <div class="col-3">
    <label>
      Arquitectura del Equipo
      <select tabindex="5">
        <option>S.O 32 & Proc. 32</option>
        <option>S.O 32 & Proc. 64</option>
        <option>S.O 64 & Proc. 32</option>
        <option>S.O 64 & Proc. 64</option>
        </select>
    </label>
  </div>
  <div class="col-3">
    <label>
      Procesador
      <input placeholder="Procesador " id="Procesador" name="Procesador" tabindex="2">
    </label>
  </div>
  <div class="col-3">
    <label>
      Memoria Ram
      <input placeholder="Memoria ram " id="Memoria " name="Memoria" tabindex="2">
    </label>
  </div>
  <div class="col-3">
    <label>
      Dominio
      <input placeholder="Dominio " id="Dominio" name="Dominio" tabindex="2">
    </label>
  </div>
  <div class="col-3">
    <label>
      Área
      <input placeholder="Área" id="Ärea" name="Ärea" tabindex="1">
    </label>
  </div>
  <div class="col-3">
    <label>
      Fecha
      <input placeholder="Área" id="Ärea" name="Fecha" tabindex="1">
    </label>
  </div>
  <div class="col-3">
    <label>
      Sistema Operativo
      <input placeholder="Sistema Operativo" id="Sistema Operativo" name="Sistema Operativo" tabindex="1">
    </label>
  </div>
  <div class="col-submit">
    <button class="submitbtn">Enviar</button>
  </div>
 
  </form>
  </div>
<script type="text/javascript">
var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));
 
elems.forEach(function(html) {
  var switchery = new Switchery(html);
});
</script>
</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder