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

Use just part of the input field with CSS

I have an input field, and inside it on the right side there is a string that displays information to the user.
6000…
Bruno
  • 252
  • 1
  • 8
0
votes
2 answers

Unity3d Clear input fields after submitting in C#

I have a panel that has various input fields. When the user submits the information, it is saved in an SQLite database. I'd like to clear the fields once the info is submitted, but simply setting the string to "" doesn't work. FieldText.text="";…
Ken Gordon
  • 195
  • 6
  • 20
0
votes
1 answer

KnockoutJS show escaped characters in input but save not escaped

Given an input field such as with a view model self.myText = ko.observable('\t'). How do I get the input to display \t instead of the tab? The text field is used for deciding what the separator in a file should look…
Frame91
  • 3,670
  • 8
  • 45
  • 89
0
votes
1 answer

Uity3D, hide keyboard when inputfield is active (no keyboard popup when field is touched)

In Unity3D, I am trying to build an app which scans the qr code with a device,the result of the qrcode appears on the input field after scanning.but when the inputfield is active the keyboard appears. i dont want thekey board to be appear on the…
Martin j
  • 511
  • 1
  • 9
  • 31
0
votes
0 answers

URL input field in a HTML form

I am creating a form to allow admin users to create new 'News' Items. I am using PHP Codeigniter. All works perfect at the moment storing and retrieving data from MYSQL database. I have now realised I would like the option to add external URL links…
RebeccaRol
  • 123
  • 2
  • 13
0
votes
1 answer

Is it possible to style a HTML text input field as a password field?

I've got a form with a textbox on it. I have had to apply an input mask on the field as per client's requirements. Client now wants to obscure the input in the manner of a password input field. I've tried setting it as password input but the mask…
immutabl
  • 6,857
  • 13
  • 45
  • 76
0
votes
1 answer

Unity check if inputfield is equal to a word?

I'm a bit new to Unity, and i just want to know, how can i check if an inputfield is equal to a word or some kind of code, or what i specify? I tried whith something like: if(inputfield == "Money") but i didn't see it working:D
Kalip
  • 151
  • 1
  • 11
0
votes
2 answers

Apply text from selected dropdownmenu item to input field (html,javascript)

When i select an item from a dropdownmenu id like to view it in a input field, if another item is selected i want to add this to the input field separated by a comma. Currently this is the html:
Bonbin
  • 305
  • 1
  • 6
  • 19
0
votes
2 answers

How to append character to input field one by one instead of using sth.value() = sth in javascript?

Let's say I have two input fields, Input field A and Input field B. I want to type in Input field A but at the same time the value in input field A also go into input field B. I know this method can be done by inputfiledB.value() ==…
Phea
  • 9
  • 2
0
votes
2 answers

HTML Form Input Background Image

I am currently working some on CSS for a site. I would like to stylize some input fields so they have a background image. I did put the background image behind the entire form, but I am having having a hard time getting each individual input field…
user4531234
  • 25
  • 1
  • 6
0
votes
1 answer

How to focus a newly created field in a HTML form?

I want to dynamically add input fields to a html form, when user clicks on a link. The newly created fields should receive keyboard focus. The answer from How to Set Focus on Input Field using JQuery does not work for me (nor any other on…
MKaama
  • 1,732
  • 2
  • 19
  • 28
0
votes
1 answer

Nodes in VBox don't have the same width

I use a VBox to provide 3 Input fields. They are all set up like this: tf = new TextField(); tf.setPrefWidth(Double.MAX_VALUE); sp = new Spinner(0, 3, 1); sp.setPrefWidth(Double.MAX_VALUE); dp = new…
Peter
  • 1,844
  • 2
  • 31
  • 55
0
votes
2 answers

How Jquery can get value in input field if using virtual keyboard

I have been asked to 3 times and no answer. please someone could tell me how jquery or javascript can get the value of the input form if typed by virtual keboard like Mottie Virtual Keyboard or JKeyboard (Made by Jquery). Thank you
0
votes
1 answer

Materialize input field labels merging

I have as part of a form this contact information section:
account_circle
Steve Medley
  • 213
  • 1
  • 3
  • 16
0
votes
0 answers

jquery change date format of input field

Im having issues with a jquery script (below) which should change the format of the date within a date picker, input field (named 'jform[moving_date]'). var months = ['Jan','Feb','May','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']; var…