Como crear una clave de acceso en HTML


La siguiente codificación nos permite crear una clave de acceso a un sitio web pre-establecido
pero el éxito dependerá de la eficiencia con que escondamos los comandos, ya que de acuerdo a los conocimientos de codificación de cada lector será el nivel de vulnerabilidad de nuestro acceso.




La siguiente codificación nos da un ejemplo de como esconder la clave confundiendo al intruso 
a través de la manipulación de variables parecidas en este ejemplo utilizamos 3 trucos sencillos:

  • sustituir ceros con la letra "o"
  • escribir variables largas sustituyendo algún numero con una letra parecida  5 - S
  • utilizar una función con nombre parecido a las demás variables

En el área del formulario <form>  se esta utilizando la etiqueta <input> la cual forma parte de un formulario que permite la entrada datos; mediante su atributo type podemos indicar que tipo de entrada va a manejar ejemplo:
text - password - checkbox - radio - submit - image - reset - button - hidden - file

también tenemos <name> que es el nombre de la variable que se va a enviar, que para nuestro caso es "R3245" 

luego para darle la acción se utiliza la función descrita en onClick="funcion(valor)" donde

funcion (corresponde al nombre de la funcion dentro del <script > )
valor     (es la clave que se introduce a través del formulario)


la clave que se introduce en el formulario se encuentra descrita de la siguiente forma:

this.form.R3245.value


this.form        Permite  invocar el formulario activo
R3245            Es el nombre de la variable tipo "Password"
value              hace referencia  al valor que se introduce en el formulario



-----------------------------------------------------


<html>
<body>

<script>
function COD2345OO(R324501001) {
var R324SO1001 ="R234501001";  var R324SO1001 ="R234501002";var R3245O1OO1 = "entrar";
if( R3245O1OO1 == R324501001){window.location="https://rterapia.blogspot.com/";}else{}}
</script>

<form>
<p>
<input type="password" name="R3245" size="8">
<input type="button" value="Introduzca la Clave" 
onClick="COD2345OO(this.form.R3245.value)" name="button">
</p>
</form>

</body>
</html>



------------------------------

En este caso un lector experimentado puede deducir que la clave es  entrar
Si por el contrario aplicamos nombres sencillos y escribimos una codificación limpia cualquiera puede deducir fácilmente cual es la clave y nuestro acceso será vulnerable a cualquier lector el ejemplo sería de la siguiente manera:


Codificación vulnerable:


---------------------------

<html>
<body>

<script>
function Codigo(R) {
if( 25 == R){window.location="https://rterapia.blogspot.com/";}

else{}}
</script>

<form>
<p>
<input type="text" name="R3245" size="8" value="Clave">
<input type="button" value="Introduzca la Clave" 
onClick="Codigo(this.form.R3245.value)">
</p>
</form>

</body>
</html>



---------------------------------

En este caso es muy fácil deducir que la clave de acceso es  25  
además un experimentado lector notaría de inmediato que la página a cual se intenta acceder se encuentra en:  "https://rterapia.blogspot.com/"

entonces la dificultad de acceso depende de nuestra pericia para esconder los datos
solución:
crear una función automatizada en la carga de la pagina en la cual se solicite un valor adicional que solo es proporcionado a través del formulario creado para la pagina de acceso, es decir crear una clave adicional automatizada que solo aparece cuando acertamos la clave en la pagina principal, este codigo se envía junto con los datos del formulario, de modo que si la persona trata de acceder a la pagina directamente sin responder la pregunta esta página se cierre 10 segundos después o lo envíe automáticamente una página de distracción que no se corresponde con lo oculto, así el lector intruso piensa que logró su acometido.  


-------------------------------------------------------

Este listado de HTML5.2 tiene los puntos que me parecen mas interesantes y útiles, es una información muy extensa, por lo que puede tener cambios sin previo aviso, si tienes un nivel aprendiz te puede servir de guia para empezar, yo llevo años en esto y todavía lo estoy depurando a mi gusto; cada día encuentro cosas nuevas al ir depurando lo que llamo "Mi Gran Listado".







4.7 Embedded content
4.7.5 The img element
4.7.5.1.8 A graphical representation of some of the surrounding text
4.7.5.1.11 A group of images that form a single larger picture with no links
4.7.5.1.13 A group of images that form a single larger picture with links
4.7.5.1.17 An image not intended for the user
4.7.6 The iframe element
4.7.7 The embed element
4.7.8 The object element
4.7.9 The param element
4.7.10 The video element
4.7.11 The audio element
4.7.12 The track element
4.7.13.2 Location of the media resource
4.7.13.3 MIME types
4.7.13.4 Network states
4.7.13.5 Loading the media resource
4.7.13.6 Offsets into the media resource
4.7.13.7 Ready states
4.7.13.8 Playing the media resource
4.7.13.9 Seeking
4.7.13.10 Media resources with multiple media tracks
4.7.13.10.2 Selecting specific audio and video tracks declaratively
4.7.13.11 Timed text tracks
4.7.13.11.2 Sourcing in-band text tracks
4.7.13.11.3 Sourcing out-of-band text tracks
4.7.13.11.4 Guidelines for exposing cues in various formats as text track cues
4.7.13.11.5 Text track API
4.7.13.11.6 Text tracks exposing in-band metadata
4.7.13.11.7 Text tracks describing chapters
4.7.13.11.8 Event handlers for objects of the text track APIs
4.7.13.11.9 Best practices for metadata text tracks
4.7.13.12 Identifying a track kind through a URL
4.7.13.13 User interface
4.7.13.14 Time ranges
4.7.13.15 The TrackEvent interface
4.7.13.16 Event summary
4.7.13.17 Security and privacy considerations
4.7.13.18 Best practices for authors using media elements
4.7.13.19 Best practices for implementors of media elements




4.10.5.1.1 Hidden state (type=hidden)
4.10.5.1.2 Text (type=text) state and Search state (type=search)
4.10.5.1.3 Telephone state (type=tel)
4.10.5.1.4 URL state (type=url)
4.10.5.1.5 E-mail state (type=email)
4.10.5.1.6 Password state (type=password)
4.10.5.1.7 Date state (type=date)
4.10.5.1.8 Month state (type=month)
4.10.5.1.9 Week state (type=week)
4.10.5.1.10 Time state (type=time)
4.10.5.1.11 Local Date and Time state (type=datetime-local)
4.10.5.1.12 Number state (type=number)
4.10.5.1.13 Range state (type=range)
4.10.5.1.14 Color state (type=color)
4.10.5.1.15 Checkbox state (type=checkbox)
4.10.5.1.16 Radio Button state (type=radio)
4.10.5.1.17 File Upload state (type=file)
4.10.5.1.18 Submit Button state (type=submit)
4.10.5.1.19 Image Button state (type=image)
4.10.5.1.20 Reset Button state (type=reset)
4.10.5.1.21 Button state (type=button)
4.10.5.2 Implementation notes regarding localization of form controls
4.10.5.3 Common input element attributes
4.10.5.3.1 The maxlength and minlength attributes
4.10.5.3.2 The size attribute
4.10.5.3.3 The readonly attribute
4.10.5.3.4 The required attribute
4.10.5.3.5 The multiple attribute
4.10.5.3.6 The pattern attribute
4.10.5.3.7 The min and max attributes
4.10.5.3.8 The step attribute
4.10.5.3.9 The list attribute
4.10.5.3.10 The placeholder attribute
4.10.5.4 Common input element APIs
4.10.5.5 Common event behaviors
4.10.6 The button element
4.10.7 The select element
4.10.8 The datalist element
4.10.9 The optgroup element
4.10.10 The option element
4.10.11 The textarea element
4.10.12 The output element
4.10.13 The progress element
4.10.14 The meter element
4.10.15 The fieldset element
4.10.16 The legend element
4.10.17 Form control infrastructure















      Entradas populares de este blog

      TeraZoom WebClass

      Mejora tu Alimentación

      YamahaFzr 1000 / La Leyenda