CS week 6+7 (design)+ tables+forms

the check box uses the ——- tag and it allows the user to select ———— ——— from a group of ———. the 5 values present are —————-

input, 1 or more things, options, type="checkbox", name, id, value, checked

a submit button is made using- ——— and it submits form info. when its clicked it triggers the ——- methon on the ——- tag. it then sends the ——- — to the ——— ——. the 4 main attributes are—————-

input, action, form, form data, web server, type="submit", name, id, value

in html5 to make an email text box use the —- tag. this accepts the text info in —————— ——. the 8 attributes are—————

input, email address format, type="Email", name, id, value, size, maxlength, placeholder, required

the 4 element attributes are—————————-

action, method, name, id

the 5 CSS structural pseudo-classes for a table are ————————

:first-of-type, :first-child, :last-of-type, :last-child, :nth-of-type(n)

the button element is made using a ———- tag, whiich is a —— tag. when clicked it function depends on the value of the —- ———. it can contain a combination of (3)——-,——,——. the 5 attributes are ———(3), —— —-,——-,——

<button></button>, container. type attribute, text, images, media, type="submit", type="reset", "type="button", name, id, value, alt

sending info to a serverside script is embedded in the —— —-, an example in code is ————

<form> tag, <form method= "post/get" action="demo.php" >....

the element containing all form elements on a webpage is —————. this tag is therefore a ———- ——-. the one configuring a variety of form elements like (4)————,——-,——- ———-. this particular tag is a ———- ——-. then to config a scrolling text box use ————-. this is a ——- tag. them the one that configures a select box or —— —— ——- is ————. this is a ——— tag. finally to imput an ——- within the select box, ise the ——- tag, which is a —— tag

<form>, container tag, check boxes, text boxes, radio buttons, buttons, standalone tag <textarea>, container tag, drop down list, <select>, container tag, option, <option>, container

a simple text box uses the ——— tag and accepts —— ——-. the 6 attributes it has are ,————-, name, id, value, size, maxlength

<input>, text info. type="text"

to make a slider control, use the label code ———-, then, the input type is ———, the name and id is ——-. you then have to configure a —— and ——-number.

<label for="myChoice"> pick a number between 1 and 50 </label>, range, myChoice, min:, max:, range

to make a color well tool, the code should be —————. here the input type is ——-.

<label for="myColor"> choose a color: </label> <input type="color" name="myColor" id="myColor", color

to make a calender tool, the code should be —————. here the input type is ——-

<label for="myDate"> Choose a Date</label> <input type="date" name="myDate" id"myDate", date

to associate a text label with a form control use ———-. there are two different formats. the first one is to have it ——— the ——- tag. the second is to have it —— the —— tag with the tag ——— that connects it. that code looks like ———

<label></label> , surround, input, above input, for="email". <label for="email"> Email: </label> <input type="text" name="CustEmail" id="email"

making a select- dropdown list is made using a ———- tag. this configs a select list along with ——— elements. its also known as a select box, drop-down list, drop-down box and option box. this allows the user to select ———— items from a list of choices. the 4 attributes here are ————

<select></select>, option, one or more items, name, id, size, multiple

the ——— element contains the table, the ——- contains the table row, the ——- contains a table cell, and the ________ configs a table description

<table>, <tr>, <td>, <caption>

to indicate column or row headings ise the —— tag. use the caption element to provide text title or caption.

<th>

in html, within the table is multiple ——— elements, and within those elements are multiple ——- elements.

<tr>, <td>

to make a spinner control use the same format as a slider control, but instead the input type is ——

input type="number"

to write html for an email within a form container, write the code—————-

Email: <input type=''text'' name="email" id="email">

in html5 to make a telephone number textbox use the —- tag, and it accepts info in———— ——-, the 8 common attributes are ———-

input tag, telephone number format,type="tel", name, id, vale, size, maxlength, placeholder, required

forms are used all over the web to —— ——- and —— ———

accept information, provide interactivity

the html bgcolor is ——— in css. then, cellpadding correlates to ——, cellspacing relates to both ————- and ———. height correlates to ———, valign correlates to ————, width correlates to ———, border correlates to 3 things which are ——-,——, and ——-. the one thing only css can do that html cant is ————-

background-color, padding, border-spacing and border-collapse, height, vertical-align, width, border, border-style and border-spacing, background-image

the least obsolete HTML table attribute is ——-. the other six obsolete html table attributes is align, bgcolor, cellpadding, cellspacing, summary, and width. however keep in mind we mostly use ——- to config table characteristics instead of ——-

border, CSS, html

the html attribute of align correlates to doing ——— ——-. within a table, the code it ————-. then, center align within a table cell has the code:————-.

center align, table{ width:75%; margin;auto; }, text-align: center;

the two non-obsolete table cell attributes are——— and ————. the three obsolete cell attributes are align, bgcolor and valign. then the two depreciated attributes are —— and ——-. however we will mostly use ——— to config this

colspan, rowspan, height, width, CSS

server side scripting is often used to search a ———-, to —- —- —- in online stores, to ——- a webpage to someone, or to ———— to a newsletter

database, place an order, send, subscribe

instead of using select tag you can also use a———- container tag with multiple —— —- within

datalist, option tags

server-side scripting is one of the many technologies used, where a server-side script is ——— into a web page document saved with a file extension such as (5)———-. this style uses ——- ______ where the script is either written by the —- ____ itself or by an ———- module to the webserver.

embedded, .php, .asp (active server pages), .cfm( Adobe Coldfusion), .jsp (sun javaserver pages) , .aspx (ASP.net) , direct execution, web server, extension

to create a visual group of form elements on a webpage use ————-. this is a —— tag. then to create a text label within the field use the ——- ——-. an example of one names contact info is —————-

feildset element, container, legend element, <fieldset><legend> Contact Info</legend> .......</fieldset>

to config a bold header, within the —- ——-, config a ——- element. the code example is ——-

first <tr>, <th>, <table> <tr><th>Name</th> <th>Date</th> </tr> </table>

the :first-of-type pseudoclass applies to the —— ——- of a specified ———. then the :last-of-type applied to the —— —- of a specified ——-., then :first-child applied to the —— —- within an ——— and :last-child applys to the —— ——- within an ———. finally the :nth-of-type(n) applies to the ——- element of a specified type. the values used are a ——, ———, or ——-

first element, type, last element, type, first child, element, last child, element, "nth" specific number, even, odd

the html form is the web page user interface and the server-side processing works with the ——- ——— and sends an ———-, writes a ———- ———-, updates a —————, or performs some other type of —————

form data, email, text file, database, processing

to utilize server side processing, step 1 is a webpage invokes serverside processing via a —— or ——-. 2)the web server executes a ——— ——-3) the ——— ——- accesses the requested database, file or process. 4)the web server _______ the webpage with the ——- ——- or just a ——- — ——

form, hyperlink, serverside script, Serverside script, returns, requested info, confirmation of action

within a table you can also organize sets of rows into a ——, —— and ——— structure. this is done using the 3 elements: ——————

header, body, footer, <thead> <tbody> <tfoot>

forms have two components which are the ——- ——- and the ——— ————.

html form, server-side processing

a form is an ——— element that contians and organizes—— ———. such as (3)———————. these all can ——- ——— from website visitors

html, form controls, text boxes, check boxes, buttons, accept information

a radio button is made with an —— tag, and it allows the user to select —— —— —— from a group. each radio button in a group is given the same ——-, but a unique ——-. the 5 attributes are————-

input, exactly 1 option, same name, unique value, type="radio", name, id, value, checked

the reset button is made using ——- and it resets the —— ——-to their ——— ——-. the 4 attributes are ———, ——, ——-,——

input, form feilds, initial values, type="reset", name, id, value

the password box is made using ———-, and it accepts text info that needs to be ——- as it is ———-. the 6 main attributes are———————

input, hidden, entered, type="password" , name, id, value, size, maxlength

hidden form data is made using ——- and this form control —— —— on the webpage. however these hidden form feilds can be accessed by both ——- —- and —- ——- scripting. its sometimes used to contain info needed as the visitor moves from page to page. the 4 attributes are————-

input, isnt displayed, client-side, server-side, type="hidden", name, id, value

an image button is made with a —— tag and its another way to ——- the——. when clicked it will trigger the ——— method in the —— tag. it then sends the ——— —— to the ———- ———. (the name= value pair for each form element). the 4 main attributes are ———————

input, submit the form, action, form,, form data, web server, type="image", name, id, src

in html5 to make a url text box use an——- ta. this accepts info in ———, the 8 attributes are————————

input, url format, type="url", name, id, value, size, maxlength, placeholder, required

to make a search text box use the ——- tag. this will accept search terms. the 8 attributes are————

input,type="search", name, id, value, size, maxlength, placeholder, required

to style a form in css remember that the labels and text boxes are seperate. to style a specific input in css you write ———-. also you can do a hover effect via————

input[type="submit"], input:hover

for server side processing, your web browser ——— webpages and files from the ——- —-. the web server then located the files and —— —— to your computer. from here the web browser——- the returned files and displays the requested webpage

requests, web server, sends them, renders

tables are use to organize tabular info. they are composed of ——- and ——— like a spreadsheet. each individual ——- comes at the intersection of a —— and ———. the three main elements are :—————-

rows, columns, cell, row and column, table, tr, rd

the options found within a —— list are made using the ——- tag. the two values are————

select, <option></option>, value, selected

in form elements, the action specifies the ————- ——- or script that will process your ——- ———. then, the two method types are ——, (which is the default and has the form data ———/——- in the ——-.) and ———-(which is the —— —- option as the form data is passed in the ——— ——— body. then, the name and id both —— —- ——

server side program, form data, get, passed/visible, url, post, more secure, http entity body. identifies the form

for more complex tables, you should associate each —— —- ——- with their corresponding ———. for examlple, with a <th> tag attach an —— ——-, and for <td> tags attach a ——— ———. an example of th in code is ————- and an example of td in code is ————

table cell value, header, Id attribute, headers attribute, <th id=name> Name </th> <th id=Date> Date </th>, <td headers="name"> Jerry </td> <td headers="Date"> 1995 </td>

to make a table cell span two columns, within a ——- tag imput the ————tag. in code this looks like :———-

td, colspan, <tr> <td colspan="2"> birthday list </td> </tr>

to make a table cell span two rows, within a —— element you put in a ——- tag. then, after that the second row cell is place in a ——— —— tag. an example in code is :———-

td, rowspan, different <tr> tag, <tr> <td rowspan="2" <td> <tr> .....<tr> <td> row 2 column2<td> <tr>

a scrolling text box is made using ——— and the 4 attributes are ———-

textarea, name, id, cols, rows

to code a zobra stript table input this code —————-

tr: nth-of-type(even) {background-color: lightblue;}