CODEWITHSUNDEEP
htmlinputplaceholder
JavaStudent123
JavaStudent123

Reputation: 653

HTML Input - already filled in text

I was wondering, is there a way to put text into an input field? What i've got now is a placeholder, but that's actually an empty inputfield. So that's not what i'm looking for. I'm looking for an (kind of) placeholder that's actually filled in into the input field, so not "background text"

This is with placeholder:

https://i.sstatic.net/NWY3y.png

And this is what i want:

https://i.sstatic.net/AfGSy.png

Is there any way to do this?

Upvotes: 65

Views: 244660

Answers (5)

Navdeep Kapil
Navdeep Kapil

Reputation: 381

TO give the prefill value in HTML Side as below:

HTML:

<input type="text" id="abc" value="any value">

JQUERY:

$(document).ready(function ()
 {
  $("#abc").val('any value');
 });

Upvotes: 3

user4639281
user4639281

Reputation:

The value content attribute gives the default value of the input element.

- http://www.w3.org/TR/html5/forms.html#attr-input-value

To set the default value of an input element, use the value attribute.

<input type="text" value="default value">

Upvotes: 115

Ryan Bobrowski
Ryan Bobrowski

Reputation: 2730

All you have to do is use the value attribute of input tags:

<input type="text" value="Your Value" />

Or, in the case of a textarea:

<textarea>Your Value</textarea>

Upvotes: 19

m4n0
m4n0

Reputation: 32335

<input type="text" value="Your value">

Use the value attribute for the pre filled in values.

Upvotes: 4

Matthias
Matthias

Reputation: 7521

You seem to look for the input attribute value, "the initial value of the control"?

<input type="text" value="Morlodenhof 7" />

https://developer.mozilla.org/de/docs/Web/HTML/Element/Input#attr-value

Upvotes: 8

Related Questions