y lecturer come put us for suspense na... thank God ur bak now..more power to fingers

Oga pls, am waitn for that undiluted tutorial ooooo.

ALL THIS NON ACADEMIC STUDENT WHEN DEY STAY FOR WINDOW DEY RECEIVE LECTURE SO IF I CATCH UNA

Still wetin for d nxt tutorial. Ma brain is gettin high. God bless our lecturer

<mark>seriously<b>following</b></mark>

pls explain this code <a name=''pcftoc''></a> and it usage. Thanks you God bliss.

Hmmn, we are about to enter the complex part of web dev/design. @op, you are doing a great job here. I have a question (out of curiousity), I just want to know how web-based games are created. Does it involve just html?

Nice work here, nice work

Toyeeb: <mark>seriously<b>following</b></mark>

<mark> ??

tamotech: pls explain this code <a name=''pcftoc''></a> and it usage. Thanks you God bliss.

dis tag is use to jump from 1 topic to anoda in a webpage.

Lecturer wil xplain very wel for u

<olodo>Too much olodo for this class, these boys are untrainable!</olodo>

Sorry, for the absence got held back by the Anti Spam Bot. But we're back now and we can move on to Forms

K lets continue

HTML Forms
Forms are an integral part of a website. HTML forms are used to derive information from a user(who usually inputs it into various little boxes/fields) and this information is processed by a server. HTML forms are defined with the <form> and </form> tags.
What is interesting about the <form> element is that it can nest other elements within it. These elements include <input>, <textarea>, <option>, <select>, <label>, e.t.c. Of all these nested elements, the <input> element is most used in an element, and thus, it could be sais of it that it is the most important of its "peers".
1)The <input> elemnt allows users to input data. The <input> element has numerous attributes used to utilize its functionality. The basic attributes include:
a)type :This is the <input> element's most important attribute. It controls the data inputed from normal text to password or to controls. The specific format is given by specifying the value. The value could be "text","password","checkbox","radio", e.t.c
b)size :This attribute specifies how wide a box/field is. The value is in digits(1,2,3,4,etc), thus if the size attribute has a value of 6, it would appear 6 characters long.
c)maxlength :This specifies the maximum number of characters a box/field can allow. Its value is also in digits.
d)name :This specifies a name by which the selected input can be referred to. Its value is usually the name of that field. e.g first name, last name, username, password, etc.

Other nested elements include:
2) <textarea>
3)<label>
4)<option>

However, how can we put all these technical jargon together to make a form that a "user can use" ?
Lets, practice its Syntax.

Oboi na d real sumtin be dis


olways com early to d class

idlatest: Oboi na d real sumtin be dis


olways com early to d class

<form>did u drink somting funny</form>

This is an image of a mini form and its code, examine it and then we shall explain/break down the components of the form.

Mini Form

I will now treat the code for the image above, taking it item by item. After treating all the items, then you'll get the image of the code.

The first item you notice is the:
1)First Name and its box/label.
The code for this is: <input type="text" name="firstname" size="6">
<input- is a nested form element
the type attribute- its value is "text" which shows that whatever displayed here will show as text.
the name attribute-its value "firsname" is what will be sent to the server
the size attribute-its value "6" shows that the box/label will be 6 characters

2)The second box/label.
The code for this is: <input type="text" name="lastname" size="6">
The nested elements and the attributes(except name) are the same as "firstname". I included it to show you that if you don't type any text before your code for a label' the name attribute cannot place one for it and what you'll you get is-nothing.

3)"I am a Human" with radio buttons Yes and No.
The code for this: <input type="radio" name="human" value="yes">Yes
<input type="radio" name="human" value="no">No
The value for the attribute type in this case is radio. The radio value allows a user select ONLY one options in a list of two or more. The input element also has as the value attribute. This attribute is compulsory or radios and dropdowns. This is because they contain multiple options, and if a user selects on of these, the "value" for the option selected will be sent to the server.

4)"I have never used a" with checkboxes Phone, Keyboard, monitor and Tablet.
The code for this is:
<input type="checkbox" name="neverused" value="phone">Phone
<br>
<input type="checkbox" name="neverused" value="keyboard">Keyboard
<br>
<input type="checkbox" name="neverused" value="monitor">Monitor
<br>
<input type="checkbox" name="neverused" value="tablet">Tablet
The checkboxes are similar to the radio buttons except that checkboxes allow the user select more than one option. The <br> tags are used so that the a new item will begin on a new line.

5)Are you Satisfied With Our Services dropdown with values Very Good, Good, Fair, Bad, Very Bad.
The code for this is:
<select name="dropdown">
<option value="Very Good" selected>Very Good</option>
<option value="Good">Good</option>
<option value="Fair">Fair</option>
<option value="Bad">Bad</option>
<option value="Very Bad">Very Bad</option>
</select>
The dropdown is relatively easy. It allows a user select one item from a list that drop downs if a user clicks on it. It has a nested element called <option>. Whatever value included in the opening and closing <option> tag is an option in the dropdown. The "Very Good" item appears first and is already pre-selected. This is done by adding selected before closing the opening <option> tag.

6)The Submit Button.
The code for this is:
<form action="http://www.mysite.pageforform.asp" method="get">
<input type="submit" name="submit" value="Submit">
When clicked, the form is sent for processing by the server. The action attribute specifies the url and the [b]method[/b]attribute specifies the method by which all these is done. The most popular values for method are "get" and "post"

@Op
pls for d password or is it to change the type="text" to type="password"

pls, how I press # on my laptop, I just forgot

How can i upload game on my website

idlatest: @Op
pls for d password or is it to change the type="text" to type="password"

Yes