Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,166,314 members, 7,864,494 topics. Date: Tuesday, 18 June 2024 at 07:21 PM

Learn Web Design LIVE On Nairaland!!! - Webmasters (9) - Nairaland

Nairaland Forum / Science/Technology / Webmasters / Learn Web Design LIVE On Nairaland!!! (528814 Views)

Learn Bulk SMS Web Design LIVE On Nairaland!!! Www.buymoresms.com / Web Design Live On Nairaland, Professional / Forum Website (2) (3) (4)

(1) (2) (3) ... (6) (7) (8) (9) (10) (11) (12) ... (121) (Reply) (Go Down)

Re: Learn Web Design LIVE On Nairaland!!! by omoelu1(m): 4:01pm On Aug 25, 2013
y lecturer come put us for suspense na... thank God ur bak now..more power to fingers

1 Like 1 Share

Re: Learn Web Design LIVE On Nairaland!!! by Jetland(m): 5:53pm On Aug 25, 2013
Oga pls, am waitn for that undiluted tutorial ooooo.
Re: Learn Web Design LIVE On Nairaland!!! by brownlord: 7:28pm On Aug 25, 2013
ALL THIS NON ACADEMIC STUDENT WHEN DEY STAY FOR WINDOW DEY RECEIVE LECTURE SO IF I CATCH UNA

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by idlatest(m): 8:12pm On Aug 25, 2013
Still wetin for d nxt tutorial. Ma brain is gettin high. God bless our lecturer

2 Likes

Re: Learn Web Design LIVE On Nairaland!!! by Toyeeb: 9:23pm On Aug 25, 2013
<mark>seriously<b>following</b></mark>

1 Like 1 Share

Re: Learn Web Design LIVE On Nairaland!!! by tamotech(m): 10:36pm On Aug 25, 2013
pls explain this code <a name=''pcftoc''></a> and it usage. Thanks you God bliss.
Re: Learn Web Design LIVE On Nairaland!!! by ctive: 9:25am On Aug 26, 2013
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?

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by brucebanner: 1:51pm On Aug 26, 2013
Nice work here, nice work smiley
Re: Learn Web Design LIVE On Nairaland!!! by brucebanner: 1:53pm On Aug 26, 2013
Toyeeb: <mark>seriously<b>following</b></mark>
<mark> ??
Re: Learn Web Design LIVE On Nairaland!!! by idlatest(m): 4:06pm On Aug 26, 2013
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
Re: Learn Web Design LIVE On Nairaland!!! by Nobody: 8:32pm On Aug 26, 2013
<olodo>Too much olodo for this class, these boys are untrainable!</olodo>
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 9:59pm On Aug 26, 2013
Sorry, for the absence got held back by the Anti Spam Bot. But we're back now and we can move on to Forms

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by idlatest(m): 10:10pm On Aug 26, 2013
K lets continue
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:33pm On Aug 26, 2013
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.

4 Likes 4 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:36pm On Aug 26, 2013
Other nested elements include:
2) <textarea>
3)<label>
4)<option>

1 Like 3 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:37pm On Aug 26, 2013
However, how can we put all these technical jargon together to make a form that a "user can use" ?
Lets, practice its Syntax.
Re: Learn Web Design LIVE On Nairaland!!! by idlatest(m): 7:48am On Aug 27, 2013
Oboi na d real sumtin be dis


olways com early to d class
Re: Learn Web Design LIVE On Nairaland!!! by cannonnier(m): 10:35am On Aug 27, 2013
idlatest: Oboi na d real sumtin be dis


olways com early to d class
<form>did u drink somting funny</form>

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 1:58pm On Aug 27, 2013
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.
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 2:00pm On Aug 27, 2013
Mini Form

6 Likes 7 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 4:23pm On Aug 27, 2013
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.

1 Like 1 Share

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 4:25pm On Aug 27, 2013
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 Likes 3 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 4:27pm On Aug 27, 2013
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.

1 Like 3 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 4:28pm On Aug 27, 2013
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.

2 Likes 5 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 4:29pm On Aug 27, 2013
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 Likes 4 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 4:37pm On Aug 27, 2013
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.

3 Likes 3 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 4:42pm On Aug 27, 2013
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"

2 Likes 3 Shares

Re: Learn Web Design LIVE On Nairaland!!! by idlatest(m): 6:32pm On Aug 27, 2013
@Op
pls for d password or is it to change the type="text" to type="password"

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by megajay1(m): 7:53pm On Aug 27, 2013
pls, how I press # on my laptop, I just forgot
Re: Learn Web Design LIVE On Nairaland!!! by exellent91(m): 9:48pm On Aug 27, 2013
How can i upload game on my website
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 9:22am On Aug 28, 2013
idlatest: @Op
pls for d password or is it to change the type="text" to type="password"
Yes

2 Likes 1 Share

(1) (2) (3) ... (6) (7) (8) (9) (10) (11) (12) ... (121) (Reply)

Domain Name Business; The Easiest & The Most Profitable Online Venture / How To Download Youtube Videos Using The ‘ss’ Trick

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 33
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.