Designing Solutions Through Programming - block 6 - September 20 2018 Lesson Notes
What are we going to learn today?[edit]
<!doctype html>
<!-- this file is used to teach 9th grade students about input types -->
<html>
<head>
<title>My forms</title>
<!-- style sheet will go here eventually -->
</head>
<body>
<p>Hi there :-) </p>
<!-- the form element holds all the input elements -->
<!-- don't worry about method and action yet -->
<form action="GET" method="#">
<!-- text input type is used when you want text :-) -->
<p>Please enter your first name: <input type="text" name="first_name"></p>
<!-- text input type is used when you want text :-) -->
<p>Please enter your last name: <input type="text" name="last_name"></p>
<!-- text input type is used when you want text :-) This input type has a PLACEHOLDER attribute-->
<p>Please enter your favorite city:
<input type="text" name="favorite_city" placeholder="Type your city here" ></p>
<!-- date input type is used when you want date :-) this input typ eincludes a cool drop-down calendar-->
<p>Please enter your favorite day ever: <input type="date" name="favorite_day"></p>
<!-- color input type is used when you want a color. honestly, this is rarely used, but it's fun to look at. -->
<p>Please enter your favorite color: <input type="color" name="favorite_color"></p>
<!-- password input type is used when you want a password. the result is not copiable. -->
<p>Please enter your password: <input type="password" name="password"></p>
<!-- number input type is used when you want a number. lots of options on this one. -->
<p>Please enter your age: <input type="number" name="my_age" min="2" max="18"></p>
<!-- this input type confuses students because the formatting is different than other input types. This basically gives
you a large area to type text. Like all input types, you can add attributes to this like readonly and placeholder to
this. -->
<p>Please type your biography:
<textarea name="biography" cols=40 rows="10"></textarea>
</p>
<button type="submit">Click to submit!</button>
<button type="reset">Click to reset</button>
<!-- always, always, alwyas close your tags!!!!!!! -->
</form>
</body>
</html>
|
|
How am I being assessed today?[edit]I will assess you formatively today, and make a professional judgement to what extent you understand our learning material. I will use observation, your written work, answers to questions, and contribution to class discussions as data to make my decisions. I will also ask you to complete a self-assessment which I will use to help me guage how well you think you understand our material in class. |
|
As a computer scientist, you have:[edit]
|
|
Credits[edit] |