Research required work to in-source Job System form [4 hr time box] (2) #13

nihonjinrxs · 2017-09-26T23:03:43Z

Get access to form development tool
Understand view/subview system in Sinatra
Understand submission handling and data
Understand input validation

jusantana · 2017-10-20T05:05:06Z

Creating Forms

Creating a form does not seem to be hard or time consuming. The best way to create one would be with html and style it with css.

Html has a <form> tag that allows you to create forms
Forms have the tag <input> with attriutess id, type, name, value
-the <name> allows to name the answer of the question ussualy used to specify what type of answer one would use.

** If looking for first name one might use the attribute as name=”fname
The value atribute allows one to set a preset value in the area.

** If i set the value to value="Lorem" then the form will have the value lorem prefilled.
Each question in the form is formated by < type> tag that allows for different form type submissions

** ex. <input type:”text”> creates a text box that allows strings to be submitted by the user.

** Possible types include text, number, email...

** Full List of types https://www.w3schools.com/tags/att_input_type.asp
For drop down lists one uses the <select> tag to open a list and the <option> tag for the actual options.
Ids can be set in the initial <form> tag which can then hook with javascript in order to manipulate the data or css to style it.

** example <form id=”test”>

ex. of a form

<html>
<body>

<form id="test" >

    First name: <input type="text" name="fname" ><br>

    Last name: <input type="text" name="lname"><br><br>

    Age: <input type=”number” name=”age”>
   
   <select name="referral">
       <option value ="Through an online search">Through an online search</option>
       <option value="Midnight Basketball Website">Midnight Basketball Website</option>
       <option value="Friend">Friend</option>
       <option value="Library">Library</option>
       <option value="Community Group">Community Group</option>
       <option value="other">Other</option>
    </select>

  <input type="submit" value="Submit">  #Creates a submit button

</form>

</body>
</html> ```

#Any questions just let me know.

tmloupe · 2017-10-22T21:06:09Z

Doesn't seem too bad to recreate a form especially if you can use source code from the original one. However, using JavaScript to do the match an opportunity center on the fly may be tricky. I'd say either a 2 or 3, depending on how much of the source code for the original form can transfer over.

cam-carter · 2017-10-24T19:14:59Z

I'd estimate it at a 3. We wouldn't have much in the ways of a style guide since it was originally iframed in. It will certainly take a length amount of inspecting the original to carry over assets.

nihonjinrxs changed the title ~~Research required work to in-source Job System form ()~~ Research required work to in-source Job System form [4 hr time box] () Sep 26, 2017

nihonjinrxs changed the title ~~Research required work to in-source Job System form [4 hr time box] ()~~ Research required work to in-source Job System form [4 hr time box] (2) Sep 26, 2017

cam-carter assigned pwevans and jusantana Oct 17, 2017

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Research required work to in-source Job System form [4 hr time box] (2) #13

Research required work to in-source Job System form [4 hr time box] (2) #13

nihonjinrxs commented Sep 26, 2017 •

edited by jusantana

Loading

jusantana commented Oct 20, 2017 •

edited

Loading

tmloupe commented Oct 22, 2017

cam-carter commented Oct 24, 2017

Research required work to in-source Job System form [4 hr time box] (2) #13

Research required work to in-source Job System form [4 hr time box] (2) #13

Comments

nihonjinrxs commented Sep 26, 2017 • edited by jusantana Loading

jusantana commented Oct 20, 2017 • edited Loading

Creating Forms

tmloupe commented Oct 22, 2017

cam-carter commented Oct 24, 2017

nihonjinrxs commented Sep 26, 2017 •

edited by jusantana

Loading

jusantana commented Oct 20, 2017 •

edited

Loading