From the course: jQuery Mobile Essential Training

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

Using text inputs

Using text inputs - jQuery Mobile Tutorial

From the course: jQuery Mobile Essential Training

Start my 1-month free trial

Using text inputs

Entering data into mobile web apps is also pretty important. And that's where text input controls come in. JQuery mobile supports both the basic input controls, as well as the newer HTML5-based input controls. And I'll give you an example of those. So here I have a label with three input types. One is text; one of them is number, and one of them is email. JQuery mobile will properly enhance each of these for use in your mobile apps. You can also use text areas. Text areas are great for implementing longer form elements for larger amounts of text. And what jQuery mobile will do with text areas is auto grow them to prevent scroll bars from forming because those are just a pain on mobile devices. So let's jump over to the code and exercise some of this stuff. Okay, so here we are in the code. And in the example snippets, I've scrolled down to the text input section. And let's open up the Inputs_start document. And what I'm going to do is I'm going to copy these first few lines right here…

Contents