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! ;) 






No comments:

Post a Comment