Wednesday, 18 February 2015

Blog (Text Area, Upload)

Upload

  • The syntax for this input is:
<form method="post/get" action="URL/file">
.
<input type="file" attributes>
.
</form>


  • File upload allows your visitors to send files to your web server using standard forms.
  • Its attributes are:
    • method
    • action
    • enctype
Text Area
  • The syntax for this is:
<form method="post/get" action="URL/file">
.
<textarea attributes> ... </textarea>
.
</form>

  • This allows you to create a multi-line text input form control. The user is able to input text and send to your webserver. 
  • The attributes are: 
    • name
    • rows
    • columns
    • wrap
    • disabled 



  1. Text Area and Upload are similar because both allow the user to submit or turn in information to your web server. Text Area however, only allows you to type information and submit it. Upload allows you to upload files and send them to the server. So the difference between these two are the content you are able to send. 
  2. To make a form always play it smart. Many of these tags are not so different from each other. Therefore, make use of copy and past. It saves a lot of time and yields your work exactly the same as compared to manually typing every tag. 


Friday, 13 February 2015

FORM (Radio Button, Checkbox, Drop Down List, Submit)

Radio Button
<form method="post/get" action="URL/file">
.
<input type="radio" attributes>
.
</form>


  • A radio button is any set of options from which only one may be selected at a given time. 

Check Box
<form method="post/get" action="URL/file">
.
<input type="checkbox" attributes>
.
</form>
  • The check box is similar to radio button but you have the option of selecting more than one option at a given time. 
Drop Down List
<form method="post/get" action="URL/file">
<select name="input/control name">
<option>...</option>
</select>
</form>

  • A drop down list allows you to have a menu of options that appear below the item when the computer user clicks on it. 

Submit
<form method="post/get" action="URL/file">
.
<input type="submit" value="name">
.
</form>

  • This tag creates a button that allows you to send the information to your location of choice. For example you can set it to send to a certain email or database. 

And here is an example of each input entry:


The one thing Radio Button, Checkboxes, and Drop Down lists all share in common is that they show you a list of options and allow you to choose an option. 

Checkboxes and Drop Down lists can allow you to choose more than one option while Radio Button only allows you to select one. You can actually choose whether or not you want the Drop Down list to allow the user to select one option or more. 

What sets the Drop Down list apart from Radio Button and Check box is that the Drop Down list puts all of the options in a drop down menu while the other two display all the options as shown in the picture above. I would say that the drop down list is more organized and cleaner than the other two options. 



Some tips I have for creating forms are that you should always be clever about them. Many of the tags are similar and all you would have to do is change a word or two to change one tag into a whole other thing. For me, I am always copying and pasting tags and slightly changing them to work more efficiently. It saves time and effort and finishes the job. When you are good with that, I also suggest to always double check your work. There are many opportunities for mistakes when it comes to making these things, so I suggest to be very vigilant and don't always think you have it right the first time. Bro you're better safe than sorry! ;)