マガジンのカバー画像

技術系

20
本
日々のお仕事中に調べたこと。 WebのフロントエンドやCMSが中心。
運営しているクリエイター
ocean

#form

ocean

ocean

checkboxをCSSでスタイリング

デフォルトのcheckboxはdisplay: none;で隠しつつ、::beforeで四角の枠を、::afterでチェックマークを付けていきます。

radioの場合はborder-radius: 50%; で円を作れば良さそうですね。

<label> <input type="checkbox" value="項目値" class="check-input"> <span cla

もっとみる
ocean

ocean

Googleフォームで投稿があった際に任意のメールアドレスに通知を飛ばす方法

Googleフォームで投稿があった際に任意のメールアドレスに通知を飛ばす方法

Googleフォームのスクリプトエディタに登録することで、フォームからの投稿があった際に管理者のGmail以外へメール通知を飛ばすことができます。

function sendForm(e){ // メール送信先 var to = "info@example.com"; // 件名、本文 var subject = "お問い合わせがありました"; var contents =

もっとみる