After some exploring on the site http://www.w3schools.com, we learnt how to use code to create an input field within the Hype document.

Using the example code below, we edited it based on the knowledge gained from the site.

<form action=”demo_form.asp”>
First name: <input type=”text” name=”fname”><br>
Last name: <input type=”text” name=”lname”><br>
<input type=”submit” value=”Submit”>
</form>

This created a little form with a “submit” button, however, we didn’t need this.

Screen Shot 2016-11-14 at 1.30.52 am.png

The code was edited to include only what was needed, and with plenty of breaks to space the input fields out. Using my pre-existing knowledge of HTML, I added the breaks and changed the size of the field to look more aesthetically pleasing. The issue we ran into was making the password text come up as “*” when characters were inputted. After consulting the site, it turned out that all we needed to do was change the input type from “text” to “password”. See our final code for the text input below which was put into Hype using the HTML element.

<input type=”text” name=”uname” size=”39″><br><br><br><br><br><br>
<input type=”password” name=”pword” size=”39″>

Advertisements