ベストセラー人気 WordPress テーマTop 30 詳細

Internet Explorerでhtml5 input placeholder使用する

Last Updated:2020年11月15日| コメントを残す
  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

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でもうまく動作しますね。 この方法以外にも、次の記事に記載されている方法を使用して入力フィールドにあらかじめ詰めが可能です。



コメントを残す

コメント