Book Image

Web Developer's Reference Guide

By : Joshua Johanan, Talha Khan, Ricardo Zea
Book Image

Web Developer's Reference Guide

By: Joshua Johanan, Talha Khan, Ricardo Zea

Overview of this book

This comprehensive reference guide takes you through each topic in web development and highlights the most popular and important elements of each area. Starting with HTML, you will learn key elements and attributes and how they relate to each other. Next, you will explore CSS pseudo-classes and pseudo-elements, followed by CSS properties and functions. This will introduce you to many powerful and new selectors. You will then move on to JavaScript. This section will not just introduce functions, but will provide you with an entire reference for the language and paradigms. You will discover more about three of the most popular frameworks today—Bootstrap, which builds on CSS, jQuery which builds on JavaScript, and AngularJS, which also builds on JavaScript. Finally, you will take a walk-through Node.js, which is a server-side framework that allows you to write programs in JavaScript.
Table of Contents (22 chapters)
Web Developer's Reference Guide
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
9
JavaScript Expressions, Operators, Statements, and Arrays
Index

Forms in Bootstrap


Form elements are various elements used in Bootstrap to make navigation and GUI more appealing and satisfying. Use of various text boxes, buttons, and so on enable better output.

There are three types of layout for forms:

  • Vertical forms

  • Inline forms

  • Horizontal forms

Vertical forms

Vertical forms are the default layout of bootstrap forms. The attribute used here is role and the value of it is set to form to provide better accessibility and automatic and default styling for the form. The syntax for this is as follows:

<form role="form"> … </form>

Inline forms

Many a time, we also come across forms in which the elements of the forms are present inline and in a single line and left aligned. Inline forms are required to have the form-inline class for the <form> element. The syntax for this as follows:

<form class="form-inline" role="form"> … </form>

Horizontal forms

A horizontal form is the most nifty of this set and is broadly used on web pages to collect...