Internet Explorerでhtml5 input placeholder使用する

HTML placeholder属性を使用して入力フィールドにテキストを事前に埋めていくことができます。

예:

<form action="demo_form.asp">
<input type="text" name="fname" placeholder="이름"><br>
<input type="text" name="lname" placeholder="성"><br>
<input type="submit" value="제출">
</form>

上記のコードを使用すると、次のように各フィールドにplaceholderの属性が適用され、あらかじめ設定されます。
input placeholder
この機能は、Internet Explorer 9以降のバージョンでのみ使用が可能であると明示されているが、実際にやってみるとInternet Explorer 11で正しく適用されていないようです。 すべてのブラウザでplaceholder属性を使用するには、 このページに記載されているjQueryを使用します。 jquery.html5-placeholder-shim.jsファイルを エンキューしき WordPressでもうまく動作しますね。 この方法以外にも、次の記事に記載されている方法を使用して入力フィールドにあらかじめ詰めが可能です。

一部の記事にはアフィリエイトリンクが含まれている場合があり、パートナーの活動で一定額の手数料を受け取ることがあります。

コメントを残す

*メールアドレスは公開されません。