Questions tagged [input-field]

The `` tag specifies an input element. `input` elements are used within a `form` element to declare input controls that allow users to input data. An input control can vary depending on its `type` attribute.

The <input> tag specifies an input field where the user can enter data.

<input> elements are used within a <form> element to declare input controls that allow users to input data.

An input field can vary in many ways, depending on the type attribute


Browser Support

CHROME IE FF SAFARI http://www.w3schools.com/images/compatible_safari.gif OPERA


Tips and Notes

Note: The <input> element is empty, it contains attributes only.

Tip: Use the <label> element to define labels for <input> elements.


Type Attribute Values

button

Defines a clickable button (mostly used with a JavaScript to activate a script)


checkbox

Defines a checkbox


color

Defines a color picker

HTML5


date

Defines a date control (year, month and day (no time))

HTML5


datetime-local

Defines a date and time control (year, month, day, hour, minute, second, and fraction of a second (no time zone)

HTML5


email

Defines a field for an e-mail address

HTML5


file

Defines a file-select field and a Browse... button (for file uploads)


hidden

Defines a hidden input field


image

Defines an image as the submit button


month

Defines a month and year control (no time zone)

HTML5


number

Defines a field for entering a number

HTML5


password

Defines a password field (characters are masked)


radio

Defines a radio button


range

Defines a control for entering a number whose exact value is not important (like a slider control)

HTML5


reset

Defines a reset button (resets all form values to default values)


search

Defines a text field for entering a search string

HTML5


submit

Defines a submit button


tel

Defines a field for entering a telephone number

HTML5


text

Default. Defines a single-line text field (default width is 20 characters)


time

Defines a control for entering a time (no time zone)

HTML5


url

Defines a field for entering a URL

HTML5


week

Defines a week and year control (no time zone)

HTML5


Refers From :

  1. http://www.w3schools.com/tags/tag_input.asp
  2. http://www.w3schools.com/tags/att_input_type.asp
465 questions
0
votes
1 answer

Why is angular making my inputfield empty?

The value of my inputfield is set but why is my inputfield still empty ? I am using a combination of laravel en angular : inputfield html :
Jim Peeters
  • 2,573
  • 9
  • 31
  • 53
0
votes
1 answer

Input field to accept only numbers from 0 to 12?

I want to create a js code, so in an input field(for the HTML code below), I can only put numbers from 0 to 12. But the problem is that the input has already an id so... This is my code : HTML :
0
votes
2 answers

How to call a method in angular when an inputfield is empty?

I am now calling controller methods when this inputfield is changing : How can I call a different method when the input field is empty…
Jim Peeters
  • 2,573
  • 9
  • 31
  • 53
0
votes
0 answers

Using an inputfield as a shorthand commandline for Ruby on Rails

I would like to have an input-field on my webpage, which allows users to interact with models and perform specific searches within specified models. The system should support various actions, primarily add (+), delete (!) and search (?). To add a…
Simrayz
  • 23
  • 5
0
votes
0 answers

Change resolution screen in Unity3d

In Unity3d, I have a panel with a picture. In the corners I have some InputFields. When I try to change the aspect ratio or resolution (iPad, iPhone, Free Aspect) the InputField does not keep its position, and it doesn't scale with my screen…
Ciprian Jijie
  • 479
  • 5
  • 20
0
votes
2 answers

Two input field next to each other bootstrap 3

I'm new to bootstrap and have a problem placing two input fields next to each other. I've searched on the internet (and bootstrap.com), but couldn't find the anser. Code: Result. But I need the input fields and button next to each other in one…
0
votes
0 answers

Input.GetKeyUp works wrong after Inputfield user input in Unity3D

The problem is just like what I explained in Title. After InputField user input, all the other character(such as KeyCode.A, KeyCode.B, ... KeyCode.Z) input seems not working for GetKeyDown(), GetKeyUp(), GetKey(), while special keys works such as…
Myeong-jae Kim
  • 133
  • 3
  • 11
0
votes
0 answers

How can I send an extra parameter using bootstrap input file?

I'm working with the plugin Bootstrap File Input I have this input file code: inputfile: function(id_usu,rut){ var self = this; $("#input_file_"+id_usu+"_id").fileinput({ 'language': "es", 'showCancel': false, …
Jeanbf
  • 317
  • 1
  • 5
  • 15
0
votes
1 answer

How change color of messages in bootstrap file input?

I'm working with bootstrap fileinput: This is my code: inputfile: function(id_usu){ var self = this; $("#input_file_"+id_usu+"_id").fileinput({ 'language': "es", 'showCancel': false, 'showUpload':true, …
Jeanbf
  • 317
  • 1
  • 5
  • 15
0
votes
0 answers

Get file content from file input field

So, I have an input field, I have the file list object containing the files, but I can't see how to get at the file content. What I want to do is use crypto-js to generate an md5 hash of the file. I want to use the hash as a reference to the file…
Thermatix
  • 2,757
  • 21
  • 51
0
votes
1 answer

Validation of input field with icon send error message all together

why all error message come together , i don't understand . i need like this .. ok , i can do this . here is my demo code . $('#contact-form').validate({ rules: { fullname: { minlength: 4, required: true …
0
votes
3 answers

Regular expression that checks dynamic increments on input fields (angularJs)?

I have to validate the user input of an input field (type number) with a regex. I reveice the following dynamic values: minimum: i'm already validating that with angular maximum: i'm already validating that with angular increment: <- my problem An…
bluepix
  • 107
  • 1
  • 11
0
votes
4 answers

Align text input and submit input horizontally, text input filling up all empty space

I have a submit button, with 30px width, to the right of a text input field. The text input field should dynamically fill up all available space. What's the styling to accomplish this?
Fellow Stranger
  • 32,129
  • 35
  • 168
  • 232
0
votes
1 answer

jQuery - Catching a change on the validation status on a input field

I had a input field in my form that have the following class: class="form-group field-sale-first_name required" and after client side validation it can have one of two different classes added to it. class="form-group field-sale-first_name required…
Alessandro Resta
  • 1,102
  • 1
  • 19
  • 26
0
votes
1 answer

AngularJS Filter, set class of of label and input field with validation

I have an Angular app with a list of F1 drivers. I want to put a filter on the table, so I can get drivers by their first or by their last name. To make this I use following design: Normally the label and the line of the input are black. I want to…
Jonas
  • 769
  • 1
  • 8
  • 37