html

【HTML】フォームの送信時にsubmit 属性のinput タグのパラメータを送らない方法

小ネタです。 フォームを作っていると、送信ボタンのようなsubmit 属性のinput タグを用意すると思います。 inputタグでボタンを作る場合、value の値が表示されますので、次のようにコーディングします <form method="GET" action="https://example.com"> <input type="hidden" name="value" value="1"> <input type="submit" name="submit_button" value="送信"> </form> この状態でsubmitすると、submitに設定したvalue…

【pug】『inputタグの中には要素を入れられない』を間違うとどうなるか?

webを生業にしている人にとっては当たり前の話です。 最近、pugでwebフォームを作る機会がありました。 webフォームでラジオボタンを操る時に、ラジオボタンのテキストでも選択できるようにする手段はいくつかあります。 その手段の一つが、下記のようにinpu…

【javascript】aタグの無効化

フロントエンドで遷移するイベントを実装する時があります。 最近では、イベントを発火させるボタン要素をdivタグで用意するドキュメントを見ます。 もちろん、全てdivでも何ら問題はありません。 しかし、何かしら遷移が発生する場合は、(好みの問題ではあ…

【HTML】iOSデバイスで入力すると先頭が大文字になる件

iPhoneやiPadのようなiOSデバイスで英語文字入力をする際、先頭の小文字が大文字になってしまう事があります。 小文字しか入力しないinputタグの場合、この機能が煩わしく感じます。 今回はこの機能を止める方法です。 原因 タグに付与するautocapitalize属…

【Webフォント】Adobe Fontsで提供されているフォントをページに適用する方法

最近は、Webフォントありきのウェブサイトも多くなってきました。 以前は、デザイン上、デバイスフォントではない場所を画像文字で代用する事がよくありましたが、alt属性をつける必要があったり、文字サイズの変更に耐えられなかったりコーディング側の負荷…

【pug】【npm】インデントが原因のビルドエラーでにっちもさっちもいかない時の対処方法

HTMLのテンプレートエンジンにpugを使用したのですが、初歩的な事でどハマりしました…。 github.com 私の場合、Laravelで作成したプロジェクトにデフォルト設定される、webpackにpugライブラリを追加していました。 症状 ソース block content block nav inc…

©︎2017-2018 WebSandBag