Form 表單元素位置的佈置

1 篇文章 / 0 new

發表回應前，請先登入

週一, 2013-11-04 15:28

author

Form 表單元素位置的佈置

預設情況下表單每個元素均獨立一列向下排列顯示, 若需要作多欄形式編排, 則可使用 CSS 或使運用元素參數 #prefix,#suffix 加入一些 html tag 來實現.
►CSS 運用
所有元素顯示時均會以<div> 包住,

<div class="form-item form-type-textfield form-item-Name"> //Name即為元素的名稱

因此我們就可運用 CSS + tpl 來編排欄位呈現樣式與位置.

►#prefix, #suffix
則是在程式內即完成佈置, 範例如下

$form['PartNo'] = array(
    '#type' => 'textfield',
    '#title' => t('料號'),
    '#maxlength' => 20, '#size' => 20,
    '#prefix' => '<table><tr><td>',
    '#suffix' => '</td>',
);
$form['Name'] = array(
    '#type' => 'textfield',
    '#title' => t('名稱'),
    '#maxlength' => 128, '#size' => 60,
    '#prefix' => '<td>', //'#suffix' => '',
);
$form['SPEC'] = array(
    '#type' => 'textfield',
    '#title' => t('規格'),
    '#maxlength' => 128, '#size' => 60,
    //'#prefix' => '',
    '#suffix' => '</td></tr></table>',
);