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
6
votes
1 answer

Validation of input field with icon does not work smoothly

When my icon is inner the input-lg then when I click on the field, it looks like ... I mean my comment should be here, but it should not make the icon larger. I need comment will come, but out of icon and input lg field. Here is my demo…
6
votes
1 answer

How to hide InputField additional input box in unity3d

I use a FiledInput in android app and when I starting to put string in it a softkeyboard pops up and a box, I want to get rid of it. Is it any way to do so using Unity3d 4.6.2f1 ?
dev-masih
  • 4,188
  • 3
  • 33
  • 55
5
votes
1 answer

How can I disable the ring shadow with TailwindCSS?

This is how my problem looks like (see the ring) : View Image Using the Chrome's inspector found that it is related to --tw-ring-shadow. So I tried adding classes like ring-0 and ring-offset-0 (as you can see below) but it didn't work!! import…
Enadot
  • 107
  • 3
  • 9
5
votes
1 answer

How to set the value of date input field using data binding in Angular 5?

I have two date input fields (fromDate & toDate) in my angular application. I also 3 buttons 'Yesterday', 'Last Week', 'Last Month'. The user can either choose both 'from' and 'to' dates or they can press one of the buttons. As soon as a button is…
Bhargav Raju
  • 161
  • 1
  • 2
  • 16
5
votes
1 answer

Prevent backspace in input text box

I'm making a Web application that tests typing speeds. It gives the user some text to type, and an input box to type into. If the user types a wrong key, I'm using preventDefault on the produced key event to prevent the wrong character from being…
Carcigenicate
  • 43,494
  • 9
  • 68
  • 117
5
votes
1 answer

Sub-cursor width vertical bar constantly visible in Safari input/textarea

In Safari 9.0.3, Mac OS X El Capitan, on one of my pages, all the input and textarea elements exhibit this behaviour when focused: there is a vertical bar constantly visible on the left of the element, with a width thinner than the input…
lgc_ustc
  • 1,524
  • 2
  • 20
  • 31
5
votes
1 answer

How to get Text from UI.InputField?

I want to retrieve the text from a UI InputField but I'm not sure how.
kdubey007
  • 310
  • 3
  • 4
  • 9
5
votes
2 answers

Do all browsers ignore nameless input fields?

Is it guaranteed that a browser doesn't send an input element if it doesn't have the name attribute specified? For example, can we assume that POSTing the form below won't send the credit card number?
randomguy
  • 12,042
  • 16
  • 71
  • 101
4
votes
4 answers

Non existing Attributes HTML Input Field

Is it good practice to attach an non existing attribute to an html element in order to use it in jquery. For example then simply use jquery to select all elements which contain an attribute called…
Friso Kluitenberg
  • 1,157
  • 1
  • 14
  • 34
4
votes
1 answer

Unity Switch between input fields with one click

I'm looking for a way to switch between input fields without having to double click the next input field twice. What happens now is, for instance I type in something inside the first field, and then when I try to go to another field, I need to click…
Jenny_V
  • 73
  • 1
  • 5
4
votes
2 answers

react-select inputProps does not get applied on AsyncSelect

I am using the following code to disable autocomplete on AsyncSelect input, but inputProps does not seem to get applied.
user2002692
  • 971
  • 2
  • 17
  • 34
4
votes
1 answer

How to (remove/make invisible/change color) border for input field in unity?

How I can remove border for input field? Or can i make it invisible, change color? I have not found the answer to this question in Google. I tried to change the border color in the Inspector, but it did not. Help me, please.
Roma Sypko
  • 53
  • 1
  • 5
4
votes
1 answer

Unity3D v5.4: InputField not showing last line of text

I'm working on a Unity3D game and after updating to version 5.4 I noticed that multi-line InputField is behaving strangely. It stopped scrolling the text correctly. When text is longer than it's possible to show in the input area, and you keep…
AragornSG
  • 633
  • 1
  • 7
  • 22
4
votes
4 answers

Input field set as 'Value=' instead of 'value='

I have a project written in C# MVC using Razor templates. On one of my pages I have several input fields that contain numeric values. The Razor code that sets the values of these input fields looks like…
rwkiii
  • 5,716
  • 18
  • 65
  • 114
4
votes
4 answers

How to customize the step of a number input field?

I have an input field of type number which ranges from 1 to 4096 as follows: Iam currently using a step = 2, that result in numbers 2, 4, 6, 8, 10, ... How can I modify…
mohameddiaa27
  • 3,587
  • 1
  • 16
  • 23
1 2
3
30 31