カテゴリー:HTML/CSS

ブラウザの自動補間(autocomplete)を無効にしたい

ブラウザのパスワード自動補完を無効にしたい 例えばログインフォームなどで、ユーザー名やパスワードを行ってデータを送信する際に、ブラウザがパスワードを保存するか聞いてくることがあります。ここで保存する設定を行うことで、次回以降の訪問時には、ユーザー名とパスワードが自動入力(オートコンプリート)されるようになります。あるいはユーザー名を入力するとパスワードが自動入力されます。 もろもろの事情がありこの […]

XPathのまとめ、要素の参照方法いろいろ

XPathとは XPath(XML Path Language)とは、XML形式の文書から、特定の部分を指定して抽出するための簡潔な構文(言語)です。HTML形式の文書にも対応します。 CSSではセレクタを使ってHTML文書内の特定の部分を抽出しますが、XPathはより簡潔かつ柔軟に指定ができるとされています。以下の例はbody以下のリンク要素(hogeクラス)を取り出す書き方です。 CSSセレク […]

aタグのリンクを無効化する方法

aタグ押下時のリンクを無効にしたい aタグ(リンク)押下時にリンク処理を無視したい場合があります。onClick での処理は行いたいけど遷移は無視したい、そんな場合です。その方法を以下に記します。 ページ内リンク(href=”#”) aタグの遷移先のURLを設定する方法がります。href=”#” を aタグ に設定してやれば別ページに遷移させないよう […]

  • 2017.01.25
  • ,

[CSS] attr(data) で fontawesome を使う

Font Awesome を CSS 上から attr() で指定する方法 例えばボタンにフォントを付けるために次のようなコードを書けます。 <style> #TestBtn1:before { font-family: FontAwesome; content: '\f06e'; } </style> <button id="TestBtn […]