1 / 10

Lesson 06 // Forms & Social Media Integration

Lesson 06 // Forms & Social Media Integration. A form allows a user to enter information that can be processed for some purpose. type= “ password ”. The form element acts as a container for controls. type= “ file ”. input control. type= “ text ”. textarea control. select control.

mio
Download Presentation

Lesson 06 // Forms & Social Media Integration

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Lesson 06 // Forms & Social Media Integration

  2. A formallows a user to enter information that can be processed for some purpose. type=“password” The formelement acts as a container for controls. type=“file” input control type=“text” textarea control select control type=“checkbox” type=“radio” type=“submit”

  3. Html5 introduced more than a dozen new input types, ex: type=“range” To build sliders The range input type is used to specify a numeric value picked from within a given range, ex: specify your age. <input type="range" min="0" max="100" step="5" value="50" name="rating"><br> <input type="submit">

  4. Html5 introduced more than a dozen new input types, ex: type=“email” For input fields that should contain an email address The email address entered will be automatically validated when submitted. <input type="email" name="usermail"><br> <input type="submit">

  5. The input control syntax example 1) TEXT <label for="yourname”>Enter you name:</label> <inputtype="text" name="identity" id="yourname”> 2) CHECKBOX <span>What are your favorite colors?</span> <input type="checkbox" name=”bluecolor" id=”color1"> <label for=”color1">Blue</label> <input type="checkbox" name=”fuchsiacolor" id=”color2"> <label for=”color2">Fuchsia</label> <input type="checkbox" name=”purplecolor" id=”color3"> <label for=”color3">Purple</label>

  6. The textarea control syntax example TEXTAREA <label for="description”>Describe yourself:</label> <textarea name="advice" id="description" rows="5" cols="40”></textarea>

  7. Html5 has also introduced media elements such as: audio video

  8. <audio controls="controls"> <source src="audio/track1.ogg" type="audio/ogg" /> <source src="audio/track2.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio>

  9. <video width="320" height="240" controls="controls">  <source src="movie.mp4" type="video/mp4" />  <source src="movie.ogg" type="video/ogg" />  Your browser does not support the video tag. </video>

  10. Social Media • Purpose of social media: to market or promote something ex: a company, an event, a celebrity, a brand etc • Why is it effective? Because it engages users and invites them to participate • Different types of social media: • Facebook • Twitter • Delicious • YouTube • Vimeo • Tumblr • StumbleUpon • Over 1.15 billion users (March 2013) • Over 200 million users (February 2013)

More Related