Difference between revisions of "DD Class2"
(→HTML forms) |
|||
Line 25: | Line 25: | ||
http://iam.colum.edu/DD/classsource/class2/simplePost.html [http://iam.colum.edu/DD/gbrowser.php?file=/classsource/class2/simplePost.html - source] [http://iam.colum.edu/DD/gbrowser.php?file=/classsource/class2/simplePost.aspx simplePost.aspx - source] | http://iam.colum.edu/DD/classsource/class2/simplePost.html [http://iam.colum.edu/DD/gbrowser.php?file=/classsource/class2/simplePost.html - source] [http://iam.colum.edu/DD/gbrowser.php?file=/classsource/class2/simplePost.aspx simplePost.aspx - source] | ||
− | + | ==Web forms== | |
+ | |||
+ | Asp.Met web form often post back to that same page. Using the .Net event model the postback can fire events which causes changes on the page | ||
PostBack | PostBack |
Revision as of 02:13, 30 January 2007
Web Forms
Review of web forms
HTML forms
http://www.w3.org/TR/html4/interact/forms.html#h-17.4
Input Types
- Input type from w3c http://www.w3.org/TR/html4/interact/forms.html#h-17.4
Text
- creates a text entry box
<input type="Text" id="txtText1" />
Password
- same as text but hides characters 'note the password is not hashed or encrypted when is it is sent to the web server; it is only masked in the web browser'
<input type="Password" id="passwd1" />
CheckBox
- creates checkboxes
chkbxTest1<input type="Checkbox" id ="chkbxTest1" name="chkbxTest1" /> chkbxTest1<input type="Checkbox" id ="chkbxTest2" name="chkbxTest2" />
chkbxTest1 chkbxTest2
Radio
- creates radio button. Radio buttons are grouped by name
rbTest1<input type="radio" id="rbTest1" name="rbTest1" /> rbTest2<input type="radio" id="rbTest2" name="rbTest1" /> rbTest3<input type="radio" id="rbTest3" name="rbTest1" />
rbTest1 rbTest2 rbTest3
Image
- submit button. Default value is Submit Query can be changes with Value attribute.
<input type="Submit" Name="Submit" id="Submit1" /> <input type="Submit" Name="Submit" id="Submit2" Value="My Submit" />
Reset
- rest button. Default value is Submit Query can be changes with Value attribute.
<input type="Reset" Name="Reset" id="Reset1" /> <input type="Reset" Name="Reset" id="Reset2" Value="Reset All Values" />
Button
- button.
<input type="Button" Name="Button" id="Button" /> <input type="Button" Name="Button" id="Button2" Value="Don't Panic" />
Image
- Graphical submit button. Should provide alt tag
<input type="Image" src="" Name="ImageSubmit" id="ImageSubmit" />
Hidden
- hah ha can't see this
<input type="Hidden" Name="Hidden1" id="Hidden1" value="Hide me" />
File
- file uses multi part header
<input type="File" Name="File1" id="File1" /> <input type="File" Name="File2" id="File2" value="InitalFile.txt" />
Select Type Select
- makes a dropdown list.
<select name="selectTest"> <option selected value="Component_1_a">Select1</option> <option value="Component_1_b">Select2</option> <option value="Component_1_c">Select3</option> <option value="Component_1_d">Select4</option> </select>
<select multiple size="4" name="selectTest2"> <option selected value="Component_1_a">Select1</option> <option value="Component_1_b">Select2</option> <option value="Component_1_c">Select3</option> <option selected value="Component_1_d">Select4</option> <option value="Component_1_e">Select5</option> </select>
Text Area TextArea
- multiple line of text
<textarea name="thetext" rows="20" cols="80"> First line of initial text. Second line of initial text. </texteara>
GET and POST
Html get
http://iam.colum.edu/DD/classsource/class2/simpleGet.html - source simpleGet.aspx - source
http://iam.colum.edu/DD/classsource/class2/simplePost.html - source simplePost.aspx - source
Web forms
Asp.Met web form often post back to that same page. Using the .Net event model the postback can fire events which causes changes on the page
PostBack
Homework
Read Intro and Chapter 1 in Beginning ASP.NET 2.0 Databases (BAD)
Build registration form for cheese conference in html and then build form in aspx
Install Microsoft SQL Management Studio