2014-02-25 47 views
2

我在WordPress中創建我的第一個主題,並添加了一個主題設置頁面,我在其中使用HTML5類型「顏色」的輸入字段以允許主題用戶選擇頁面上元素的顏色。用PHP讀取HTML5輸入(輸入顏色)值

輸入類型呈現並工作得很好,但在主題選項頁上,我希望它顯示當前選定顏色的十六進制值(例如「#FFFFFF」或「#31A1FF」或其他)的文本字符串在色樣/輸入欄旁邊。這部分不起作用。我對PHP相當陌生,所以我可能只是在做一些錯誤的事情。但我想讀取輸入字段的值屬性將工作。它不是 - 它根本不顯示任何文字。

以下是我正在使用的代碼。任何人都可以幫助我指出正確的方向嗎?

最終,我會希望對其他輸入類型使用其他輸入類型,例如不透明度/透明度值的滑塊輸入。但是,這是我的出發點,我可以用這個開始,其他人可能不會很難弄清楚。

function fp_Field_BackgroundColor() { 
    $options = get_option('fp-OptionsArray'); 
    echo "<input id='fp_BackgroundColor' name='fp-OptionsArray[BackgroundColor]' type='color' value='{$options['BackgroundColor']}' />"; 
    echo "<div float='left'>" . $_POST['fp_BackgroundColor.value'] . "</div>"; 
} 

回答

1

在您HTML5部分:

<form action="" method="post"> 
    Select you favorite color: 
    <input name="clr" type="color"> 

    <input type="submit" name="submit"> 
</form> 

在PHP的一部分:

 <?php 
     if(isset($_POST['clr'])) 
      $selected_color= $_POST['clr']; 

     // To show Hexadecimal code of the selected color 
     echo "Color code is: " . $selected_color; 
     ?> 

在表單提交後保留/保留選定的顏色將提交給服務器的顏色分配回輸入表單的「value」屬性。即顏色類型的輸入應該是這樣的:

<input name="clr" type="color" value="<?php echo $_POST['clr'];?>"> 
+0

我會非常不建議將'$ _POST'的值回顯爲HTML,否則就是+1。 '$ selected_color'也可以有一個默認值。 – ljacqu

0

不採取名字array.take它作爲一個簡單的變量

<input type='color' id='fp_BackgroundColor' name='fp-BackgroundColor' type='color' value='<?php if(isset($_POST['submit'])){echo $fp-BackgroundColor;} ?>' /> 

和1的小鬼的事情.... u必須指定輸入 '型'

+0

你不能在變量名連字符。 '$ fp-BackgroundColor;'無效。 http://uk3.php.net/manual/en/language.variables.basics.php –