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
10
votes
2 answers

readOnly is not applying for input field of KeyboardDatePicker of material ui in react js

KeyboardDatePicker is not supporting readOnly property for its input field I tried readOnly property which already mentioned in API document, but its not worked out. It is applying readOnly for parent container not for the input field in…
aditya gudipati
  • 103
  • 1
  • 2
  • 5
10
votes
4 answers

React Native Input component takes ony numeric values

In React-Native project, I have an Input component from Native Base and I want to this component to take only numeric values 0-9 and give this field default value, I looked for other questions about this issue, I do not know maybe those answers are…
Ali Zeynalov
  • 2,867
  • 8
  • 30
  • 54
10
votes
4 answers

Unity Supports Arabic

Does unity support arabic writing in InputField UI or even GUI Texts ? I mean if I want to write arabic characters in the InputField, does unity support that ?
Adam
  • 139
  • 1
  • 6
10
votes
8 answers

How can I sort columns having input elements?

I have a table like this: | Update | Name | Code | modification date | | | name1 | code1 | 2009-12-09 | | | name2 | otehercode | 2007-09-30 | Where the Update column contains checkboxes…
kender
  • 85,663
  • 26
  • 103
  • 145
9
votes
3 answers

jQuery: preventDefault() not working on input/click events?

I want to disable the default contextMenu when a user right-clicks on an input field so that I can show a custom contextMenu. Generally speaking, its pretty easy to disable the right-click menu by doing something like: $([whatever]).bind("click",…
Jason
  • 803
  • 1
  • 7
  • 14
9
votes
5 answers

Disable text on input fields contact form 7 wordpress

I want to disable or erase the text of my input fields from my contact form. Specially on the fields that appears text like "Full name", "Email Address" and "Your message will be here" I am using Contact Form 7 of Wordpress and I configured spanish…
Diegolops
  • 93
  • 1
  • 1
  • 4
8
votes
1 answer

Datepicker for Bootstrap on mobile devices changing Format

I'm using following datepicker: (http://eternicode.github.io/bootstrap-datepicker/) for my date-Field.
8
votes
5 answers

Input field higher than expected

So I got this input field that I expect to be 34px high (border 2px + padding 2 * 10px + text 12px), but it ends up higher than that: 37px in Firefox 15 37px in Chrome 22 36px in IE9 Question: why is my input field not 34px high? The HTML /…
Henrik Janbell
  • 1,784
  • 3
  • 21
  • 30
7
votes
3 answers

Angular Material mat-form-field input field icon

In Angular project I have Angular Material mat-form-field my icon appears outside left from field with placeholder on the right side:
user11137294
7
votes
2 answers

How to Disable Keyboard Keys Using Angular 2+. But, The keys should be work on HTML input fields

Is there any way to disable the keyboard keys using Angular 2+(Typescript). I want to disable all keys in keyboard. But, the keys should be work on HTML input fields.
Sakkeer A
  • 1,060
  • 1
  • 16
  • 39
7
votes
4 answers

Make only part of an input field non editable

I have done a bit of hunting on the web, and have yet to find any concrete answer to this. Is it possible to have a text field, with default text in it that is non editable? For example, say I need a user to input a phone number. What they see…
Baelix
  • 261
  • 2
  • 7
  • 17
7
votes
5 answers

Why file open dialog opens twice on clicking the button in FireFox

I have a file field and a decorates the input field: chose files
static
  • 8,126
  • 15
  • 63
  • 89
6
votes
1 answer
6
votes
1 answer

Clear button for input field in ionic2

What is the easy way to add a clear (x) button to an input field in ionic 2? It's supposed to delete the entered content.
Display Name
  • 4,502
  • 2
  • 47
  • 63
6
votes
5 answers

jQuery input number convert Persian/Arabic numbers to English numbers

I have a input field of type number. I want to accept Persian/Arabic numbers as well in this field. I wanted to convert these numbers to English using jQuery, but it seems I can't retrieve these values. jQuery('input[type="number"]').on('input',…
Pedram Behroozi
  • 2,447
  • 2
  • 27
  • 48
1
2
3
30 31