アプリ版：「スタンプのみでお礼する」機能のリリースについて

入力フォームとプルダウンメニューに関して

締切済

  • 質問者：youyousuke
  • 質問日時：
  • 回答数：2件

入力フォームとプルダウンメニューを重ねて表示し、入力フォームを上部に表示したいのですが、自分で試してみるとプルダウンメニューが入力フォームの上部に表示されてしまいます。
入力フォームを上部に表示したいのですが、
やり方がわかりません。教えて下さい。
よろしくお願いします。
<html>
<head>
<title></title>
//CSSの定義
<style type="text/css">
<!--
span{
position:relative;
left:70px;
}
-->
</style>
</head>
<body>
<span>
//入力フォーム
<input type="text" name="input" size="10" maxlength="1">
</span>
//プルダウンメニュー
<select>
<option></option>
<option>あああ</option>
<option>いいい</option>
<option>ううう</option>
<option>えええ</option>
<option>おおお</option>
</select>
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.2

  • 回答者： kata_kori
  • 回答日時：

「inputとselectを重ねて、inputを手前に表示したい」って事ですよね？


違ってたら以下スルー願います。

確証は有りませんが、重ねた場合にinputよりもselectが手前になる優先順位な模様で、どうにもならなそうです。
部品を重ねる必要性がよく分かりませんが、
selectタグ内に「style="visibility:hidden"」と書いてを非表示にするってのは駄目なのでしょうか？

ちなみに「//」で始まる行は、コメントを表しているのだとしたら誤りですね。
    • good
    • 0
    • 件
通報する

No.1

  • 回答者： yayopix
  • 回答日時：

こんにちは！



<html>
<head>
<title></title>
</head>
<body>
<form>
<p>
<input type="text" name="input" size="10" maxlength="1">
</p>
<p>
<select>
<option></option>
<option>あああ</option>
<option>いいい</option>
<option>ううう</option>
<option>えええ</option>
<option>おおお</option>
</select>
</p>
</form>
</body>
</html>

こういうことで良いのでしょうか？

今時間が無いので、ＣＳＳの所は外しています。
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報