dos

Public/static/js/common.js

@@ -208,7 +208,8 @@ $('.flag-frame').html('').addClass('clearfix');
 
 
 //自定义flag的placeholder
-$('input[name=customize-flag]').attr('placeholder', '也能在这里写你的flag哦');
+// $('input[name=customize-flag]').attr('placeholder', '也能在这里写你的flag哦');
+$('input[name=customize-flag]').css('color', '#878787').val('也能在这里写下你的Flag哦');
 //署名的placeholder
 $('input[name=signature]').attr('placeholder', '准备好了，就在此署名吧').attr('disabled', true).attr('id', 'signature');
 
@@ -353,8 +354,16 @@ $(document).ready(function () {
     $('.suggest-page .btn-next').on('click', showCountDownPage);
     //音乐按钮点击
     $('.btn-music').on('click', toggleMusic);
+    //自定义输入框焦点
+    $('input[name=customize-flag]').on('focus', setCustomizeVal);
 });
 
+function setCustomizeVal() {
+    if ($('input[name=customize-flag]').val() == '也能在这里写下你的Flag哦') {
+        $('input[name=customize-flag]').css('color', "#222222").val('');
+    }
+}
+
 function toggleMusic() {
     if ($('#music')[0].paused) {
         $('#music')[0].play();
@@ -807,6 +816,7 @@ function addCustomizeFlag() {
         my_notify('请填写flag');
         return false;
     }
+    $('input[name=customize-flag]').css('color', '#878787').val('也能在这里写下你的Flag哦');
     $('.flagadd').show().addClass('animate');
     setTimeout(function () {
         $('.flagadd').removeClass('animate');