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

Dynamically read value of html input field: python

I have an external browser plugin (which is blackbox to me). This plugin tries to fill values to input fields of html page (on load. I want to make a program, which is able if the external program filled values properly. So what I want to do is to…
dakov
  • 1,039
  • 2
  • 12
  • 33
0
votes
4 answers

Two input fields in one row, align one left and the other right

I want to have a form which consists of different input fields. On some rows there should be two input fields. The second one should be aligned right. jsFiddle HTML:
testing
  • 19,681
  • 50
  • 236
  • 417
0
votes
2 answers

jquery datepicker - avoid manual typing of a date

I am using the DatePicker plugin from jQuery and have set the minDate attribute. That works in the DatePicker-Popup, when clicking into the input field. But the user is still able to type in a date which isn't the range I want. Is their any way to…
tecker2010
  • 11
  • 1
0
votes
1 answer

Hide inputField on radio button selection in Visual Force Pages

I have an input field and two radio buttons. I want to hide input field on radio button's click. Can anybody help me out?
Curious_k.shree
  • 990
  • 2
  • 18
  • 37
0
votes
1 answer

detect Input text field not empty >> make div disappear

I have a text input field and a div that contains an image. I would like the image to disappear once a person starts typing in the input field.
circariem
  • 11
  • 1
  • 1
  • 3
0
votes
2 answers

textfield with background image

It must be a common issue but I really can't find any solutions for it. There is a textfield (texts will be written from right to left) and it has a curvy-side background image. The problem is the cursor must stay only in the red box area. The…
Raccoon
  • 1,367
  • 4
  • 22
  • 45
0
votes
2 answers

onFocus does not remove value input text box

If I use this: and I write for example: arduino and it searches for everything with the text arduino and after that I click on somewhere else on the webpage and then click on…
MOTIVECODEX
  • 2,624
  • 14
  • 43
  • 78
0
votes
2 answers

Can't get document.write to display updated variable

Another rookie-question, which is rooted in a very shallow understanding of JS. I'm building a small online multistep-form (made in a single html by hiding divs), where every button push is increasing a var with a fixed number: JS: var score =…
dblaursen
  • 27
  • 1
  • 7
0
votes
2 answers

Trying to create a drop-down of form fields, that is based on a number

Good afternoon! I am building a contact form in Contact Form 7 in Wordpress. And I need a functionality where one of the form fields is a number selector (for example, 1-10) and I need the number that is selected to be calculated and drop down the…
toolbox3
  • 116
  • 9
0
votes
1 answer

Make input field transparent

I wanted to take the standard input field and make it look better. Therefore I use this image as input field on my page: To use it on my page, i use this code: HTML: CSS .inputstyle { padding:7px 10px 5px…
0
votes
0 answers

listing all jpg files in all sub folders, then display those that contains terms from input field

I was actually able to find a post by another user here which lead me in the right direction. I haven't bookmarked it but i will as soon as i have a bit of time. Meanwhile, here is the solution to my problem:
0
votes
2 answers

jquery onclick setting variable

I set a variable 'api_key' on document load. I want to modify this variable with the text of an input field after clicking a button var api_key = ""; //my button has an id named "btn-verify", the input field has an id named…
CQM
  • 42,592
  • 75
  • 224
  • 366
0
votes
1 answer

Dynamic formating(decimals) of input fields in Grails

I have a class "Trade" with a property "initialPrice" of type BigDecimal. This property can have different of decimals depending on the property "decimals" contained in another class "Symbol" and therfore need different formats e.g. "#,###0.##" ,…
larand
  • 773
  • 1
  • 9
  • 26
0
votes
4 answers

Get a field with jQuery when a button is clicked

I have a table full of appointments. Every appointment has two buttons. One for canceling the event, one for accepting it. I am struggling to get the appointmentId in the jQuery function when I click on a button. Can you please give me a hint how to…
nimrod
  • 5,595
  • 29
  • 85
  • 149
0
votes
3 answers

Jquery Draggable Sortable write into correct Input, get child element not working

I´m trying to reorder a set of photos inside a sortable ul; to save them in the new order I have to overwrite the matching input fields (name and title): That's my ul structure :