Skip to content

Commit

Permalink
README: link to HTTPS demo
Browse files Browse the repository at this point in the history
  • Loading branch information
mathiasbynens committed Jun 18, 2015
1 parent 57c513d commit 24e73f5
Showing 1 changed file with 6 additions and 6 deletions.
12 changes: 6 additions & 6 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

## Demo & Examples

http://mathiasbynens.github.io/jquery-placeholder
<https://mathiasbynens.github.io/jquery-placeholder/>

## Example Usage

Expand All @@ -11,7 +11,7 @@ http://mathiasbynens.github.io/jquery-placeholder
```html
<input type="text" name="name" placeholder="e.g. John Doe">
<input type="email" name="email" placeholder="e.g. address@example.ext">
<input type="url" name="url" placeholder="e.g. http://mathiasbynens.be/">
<input type="url" name="url" placeholder="e.g. https://mathiasbynens.be/">
<input type="tel" name="tel" placeholder="e.g. +32 472 77 69 88">
<input type="password" name="password" placeholder="e.g. h4x0rpr00fz">
<input type="search" name="search" placeholder="Search this site…">
Expand All @@ -28,7 +28,7 @@ $('input, textarea').placeholder();

By default, `.placeholder` css class will be added. You can override default by passing the `customClass` option:
```js
$('input, textarea').placeholder({customClass: 'my-placeholder'});
$('input, textarea').placeholder({ customClass: 'my-placeholder' });
```

You’ll still be able to use `jQuery#val()` to get and set the input values. If the element is currently showing a placeholder, `.val()` will return an empty string instead of the placeholder text, just like it does in browsers with a native `@placeholder` implementation. Calling `.val('')` to set an element’s value to the empty string will result in the placeholder text (re)appearing.
Expand All @@ -42,17 +42,17 @@ input, textarea { color: #000; }
.placeholder { color: #aaa; }
```

I’d suggest sticking to the `#aaa` color for placeholder text, as it’s the default in most browsers that support `@placeholder`. If you really want to, though, you can [style the placeholder text in some of the browsers that natively support it](http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css/2610741#2610741).
I’d suggest sticking to the `#aaa` color for placeholder text, as it’s the default in most browsers that support `@placeholder`. If you really want to, though, you can [style the placeholder text in some of the browsers that natively support it](https://stackoverflow.com/a/2610741/96656).

## Installation

You can install jquery-placeholder by using [Bower](http://bower.io).
You can install jquery-placeholder by using [Bower](http://bower.io/).

```bash
bower install jquery-placeholder
```

Or you can install it through [npm](http://npmjs.org/):
Or you can install it through [npm](https://www.npmjs.com/):

```
npm install --save jquery-placeholder
Expand Down

0 comments on commit 24e73f5

Please sign in to comment.