最終更新 2018/12/30 11:57   現在募集中の求人情報381
Q. 本当に完全無料なんですか? FAQ

MaterializeのFormを適用したフォーム

 

MaterializeというCSSフレームワークを適用した検索フォームのサンプルです。

地域からさがす

月収からさがす

業種からさがす

タグからさがす

職種からさがす

キーワードからさがす

old old

ヘッダーでJS/CSSを読み込む(wp_enqueue_scriptなどで)

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

セレクトボックス用に、あらかじめ以下を記述

検索の設定画面において、「前に挿入」に以下を挿入
<div class=”input-field”>

同「後に挿入」に以下を挿入
</div>

フッターのwp_footer関数より下部に以下を記述

<script>
jQuery(document).ready(function($){
$(‘.feas-select option:first-child’).attr(‘selected’,’selected’);
$(‘.feas-select option:first-child’).attr(‘disabled’,true);
$(‘select’).formSelect();
});
</script>

広告エリア

条件から仕事を探す


求人情報サイト『シゴトの森』 - アルバイトから正社員、海外、在宅まで毎日更新!