2016-01-24 4 views
0

Я хочу знать, как получить эти два элемента для вертикального выравнивания. Подчеркнутый ниже подход не работает. См. Раздел live demo here.Вертикальный выровнять SELECT vs TEXTAREA

<?php 
$w.="<html><head><title>Activity</title></head><body>\n"; 
$w.="<form action={$_SERVER["PHP_SELF"]} method=post>\n"; 
$w.="<select name=listbox1 style=\"height:20px; width:100px\" vertical-align:top>\n"; 
$w.=" <option value=value1>option1</option>\n"; 
$w.=" <option value=value2>option2</option>\n"; 
$w.=" <option value=value3>option3</option>\n"; 
$w.="</select>\n"; 
$w.="<textarea name=value2 style=\"height:20px; width:200px\" vertical-align:top></textarea></br>\n"; 
$w.="</form></body></html>"; 
echo $w; 
?> 
+3

Просьба пометить этот вопрос HTML, поскольку тот факт, что вы создаете его с помощью PHP, здесь не имеет большого значения. – trincot

+1

Вместо ' \ n', do'
' –

+0

add display: block; к элементам, и они будут каждый в новой строке. https://jsfiddle.net/4jecstys/1/ –

ответ

1

Вы missplaced закрывающих кавычек в стилях и в избранном и в текстовом поле:

style=\"height:20px; width:100px\" vertical-align:top> 

К

style=\"height:20px; width:100px vertical-align:top\"> 

Полного сценарий

<?php 
    $w.="<html><head><title>Activity</title></head><body>\n"; 
    $w.="<form action={$_SERVER["PHP_SELF"]} method=post>\n"; 
    $w.="<select name=listbox1 style=\"height:20px; width:100px; vertical-align:top\">\n"; //This line edited 
    $w.=" <option value=value1>option1</option>\n"; 
    $w.=" <option value=value2>option2</option>\n"; 
    $w.=" <option value=value3>option3</option>\n"; 
    $w.="</select>\n"; 
    $w.="<textarea name=value2 style=\"height:20px; width:200px vertical-align:top\"></textarea></br>\n"; //This line edited 
    $w.="</form></body></html>"; 
    echo $w; 
?> 
+0

Священная неуместная цитата, я не могу ВЕРИТЬ Я этого не видел. Спасибо, ameenulla0007, Маркос, Явуз. – VolleyballAddictSandiego

+1

Эй. Я только заметил, что мой оригинальный пост был отредактирован другими. Я не знал, что они могут это сделать. Это похоже на ... технический форум Wiki. Интересно! Я не могу продвинуться, но я слишком новичок, это не позволит мне. – VolleyballAddictSandiego

+0

Да, именно они могут это сделать, вы можете отметить принятый ответ, проверив значок «Проверить» слева от ответа. –

-2

попробовать это:

<?php 
     $w.="<html><head><title>Activity</title></head><body>\n"; 
     $w.="<form action={$_SERVER["PHP_SELF"]} method=post>\n"; 
     $w.="<select name=listbox1 style=\"height:20px; width:100px; vertical-align:top\">\n"; 
     $w.=" <option value=value1>option1</option>\n"; 
     $w.=" <option value=value2>option2</option>\n"; 
     $w.=" <option value=value3>option3</option>\n"; 
     $w.="</select>\n"; 
     $w.="<textarea name=value2 style=\"height:20px; width:200px; vertical-align:top\"></textarea></br>\n"; 
     $w.="</form></body></html>"; 
     echo $w; 
     ?> 
Смежные вопросы