これからの季節に親子でハイキング! >>

<textarea>と<input type="text">の横長さをそろえるにはどうしたらいいのでしょうか?

普通にcols=とsize=ではどうしてもそろえることができません。

よろしくお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (3件)

<input style="width:100px" type="text"><br>


<textarea style="width:100px">

これでどうですか?
スタイルはタグに直接記入しても、css(内部、外部)にしてもどちらでもかまいませんよ。
    • good
    • 0

私は#1さんの方法を使っています。



colsとsizeでそろっているように見えても、他のブラウザでも見るとずれていることがあるからです。XHTMLへの移行を考えてもwidth属性で設定するのがいいと思います。
    • good
    • 0

テキストフィールドの幅を指定すると、


ブラウザ側でフォントサイズを調整したときに見づらくなることがあります。

1.フォントサイズを調整したり、
枠のデザインを弄ったりすれば幅がそろったように見えます。
2.両者のフォントサイズを同一にして、
<input type=text>のフォントを等幅にすれば大きさをそろえられるのでは?
    • good
    • 0

このQ&Aに関連する人気のQ&A

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

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qスペースを使わず文字位置を揃える方法

素人な者で大変申し訳ありません
以下のように、複数行の文字位置を揃えるタグはどうなるのでしょうか?
(下の例は揃っていませんが・・・)

1.あ        :ABC
2.abc       :ABC
3.あいう      :ABC
4、えお       :ABC

のように、空白部にスペースを使わずに文字位置を揃える方法です
ワードなどの「tabキー」の役割をするタグなんてありますか?

ご教示の程、宜しくお願い致します

以上

Aベストアンサー

 これは、No.がある序列リストですか?あるいは、用語とその説明のようなものでしょうか?
 HTMLは、その文書構造を記述するだけですので、それにしたがってマークアップすれば良いです。
[例][用語とその説明のようなもの]のようですから定義リストでマークアップしてみましょう。
<h3>元素</h3>
<dl class="periodic table">
<dt>水素</dt>
<dd>元素記号(H)、原子量1.008、酸素と共に水をくつる。</dd>
<dt>ヘリウム</dt>
<dd>元素記号(He)、原子量4.003、不活性ガス</dd>
<dt>リチウム</dt>
<dd>元素記号(Li)、原子量6.941、リチウムイオン電池</dd>
</dl>

<h3>元素</h3>
<ol class="periodic table">
<li><span class="element">水素</span>元素記号(H)、原子量1.008、酸素と共に水をくつる。</li>
<li><span class="element">ヘリウム</span>元素記号(He)、原子量4.003、不活性ガス</li>
<li><span class="element">リチウム</span>元素記号(Li)、原子量6.941、リチウムイオン電池</li>
</ol>

これに対して、スタイルシートを次のように書いたりします。
dl.periodic.table{counter-reset: atomicNum 0;padding-left:2em;}
dl.periodic.table dt{float:left;font-weight:bold;}
dl.periodic.table dt:before{
content: counter(atomicNum) ". ";
counter-increment: atomicNum;
}
dl.periodic.table dd{margin-left:7em;}
dl.periodic.table dd:before{content:": ";}

ol.periodic.table span.element{float:left;width:7em;position:relative;font-weight:bold;}
ol.periodic.table span.element:before{content:": ";position:absolute;right:0.5em;}

★他にどのようにマークアップされていても、用語とその説明がが区別できるようにマークアップされていれば、デザインはできます。
★デザインのためにDIVやSAPNを追加しているわけではありません。
『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』ものです。デザインのために書いてしまうと、デザインのためにtableを使ったのと大差ありません。
 HTML5では、
※DIVやSPANは他に適した要素がないときのための最後の手段
※文書構造を示すため
 となります。

 これは、No.がある序列リストですか?あるいは、用語とその説明のようなものでしょうか?
 HTMLは、その文書構造を記述するだけですので、それにしたがってマークアップすれば良いです。
[例][用語とその説明のようなもの]のようですから定義リストでマークアップしてみましょう。
<h3>元素</h3>
<dl class="periodic table">
<dt>水素</dt>
<dd>元素記号(H)、原子量1.008、酸素と共に水をくつる。</dd>
<dt>ヘリウム</dt>
<dd>元素記号(He)、原子量4.003、不活性ガス</dd>
<dt>リチウム</dt>
<dd>元素記号(L...続きを読む

Qtextareaの幅を画面と合わせたい

HTMLのテキストエリアで画面サイズに合わせたいのですが、
何か方法はないでしょうか。
お知恵を貸してください。

<textarea name="addtext" cols="35" rows="25"></textarea>
これだと固定になってしまいます。

<textarea name="text" width=30% height=100%></textarea>
イメージ的にはこんなことをしたいのです。

Aベストアンサー

CSSで指定すればできますよ。
こんな具合に↓
(前略)
<head>
<style type="text/css">
tablearea{
width:100%;
height:30%;
}
</style>
</head>
<body>
<textarea></textarea>
</body>
</html>

QHTMLフォームのSELECTの幅を一定にするためには?

HTMLフォームのSELECTの幅を一定にするためにはどのようにすれば
いいのでしょうか?

CSS等で設定できるとありがたいのですが、やり方がわかりません。

Aベストアンサー

<select style="width: 200px">

Qformのinputなどの幅100%指定

formのinputやtextareaなどの幅を、100%の指定(テーブルの中などにぴったり収まるように)をしたいのですが、できないのでしょうか?

少しずつ様子を見ながら、ちくちくとsizeを指定していくしかないのでしょうか?

Aベストアンサー

 例えば、こんな感じでは如何ですか↓

<form method="POST" action="cgi-bin/xxx.cgi">
<table border=1 width=400>
<tr>
<td>
タイトル:
</td>
<td width=350>
<input type="text" name="title" style="width:100%">
</td>
</tr>
<tr>
<td colspan=2>
<textarea name="memo" style="width:100%" rows=4>
formのinputやtextareaなどの幅を、100%の指定(テーブルの中などにぴったり収まるように)をしたい
</textarea>
</td>
</table>
<input type="submit" value="送信">
<input type="reset" value="取消">
</form>

参考URL:http://www.tohoho-web.com/css/reference.htm#width

 例えば、こんな感じでは如何ですか↓

<form method="POST" action="cgi-bin/xxx.cgi">
<table border=1 width=400>
<tr>
<td>
タイトル:
</td>
<td width=350>
<input type="text" name="title" style="width:100%">
</td>
</tr>
<tr>
<td colspan=2>
<textarea name="memo" style="width:100%" rows=4>
formのinputやtextareaなどの幅を、100%の指定(テーブルの中などにぴったり収まるように)をしたい
</tex...続きを読む

Q投稿フォームの整列

CSS + HTMLでのinputフォームを使う際、フォームの左側に文字を入れたいのですが、文字数が違うと端がそろわなくなり見た目が悪いです。(画像参照)

float:leftでできるかと思い文字とフォームを左右に分けたのですが文字の高さとフォームの高さがうまくあわせられなくてうまくいきません。(文字=0.9em)

inputフォームの左端を揃えるにはどのようにすればよいのでしょうか?

Aベストアンサー

こんな感じが今のスタンダード。
テーブルタグでやるとか、ナンセンスです。

dl.profile dt{
clear:left;
position: relative;
float: left;
width: 10em;
padding:10px 0px 0px 0px;
}
dl.profile dd{
margin-left: 10em;
width: 300px;
padding: 10px 10px 10px 0px;
}

<dl class="profile">
<dt>お名前</dt>
<dd><input name="name" type="text" size="40" /></dd>
<dt>件名</dt>
<dd><input name="subject" type="text" size="40" /></dd>
<dt>メール</dt>
<dd><input name="email" type="text" size="40" /></dd>
</dl>

QTABLEのセルの中の文字を行単位、セル単位で色を変えたい

urizakaです
さて、質問なのですが、<TABLE>の中のセル<TD>の中に入れる文字の
色を変えることってできるんでしょうか?
それも、行単位とかセル単位という細かい単位で…
javaScriptを使うとできそうな気もしますが…
すみませんが、この件についてご存知の方宜しくお願いします。

Aベストアンサー

javaScriptでなくてもできます。

<table>
<tr bgcolor="silver"> ・・・ここでセルの色を指定
<td><font color=blue>ためし1</font> ・・・ここでセル内の文字の色を指定
</td></tr>
</table>

のようにすればセル単位での設定ができます。
また、このテーブルを真ん中におきたい場合は、
<table align="center">
とすればいいし、ボーダーを消すのなら
<table border="0">
とすればいい。
また、
<table border="0" align="center" cellpadding="0" cellspacing="0"
とすればボーダーもなく、真ん中にあり、しかもセル全部が
くっついているテーブルになる。

リンクを指定したい場合は

<tr align="center" bgcolor="#6f9fff">
<td><A HREF="****"><font size="2" color="red">お知らせ</font></A>
</td></tr>

と書けばいい。

bgcolorとfontcolorは16進数で表してもいいし、色の名前を
そのまま指定してもいいはず。色は COLOR CHART を検索して見つけて
ください。

javaScriptでなくてもできます。

<table>
<tr bgcolor="silver"> ・・・ここでセルの色を指定
<td><font color=blue>ためし1</font> ・・・ここでセル内の文字の色を指定
</td></tr>
</table>

のようにすればセル単位での設定ができます。
また、このテーブルを真ん中におきたい場合は、
<table align="center">
とすればいいし、ボーダーを消すのなら
<table border="0">
とすればいい。
また、
<table border="0" align="center" cellpadding="0" cellspacing="0"
とすればボーダーもなく...続きを読む

Qフォーム上で押されたボタンによってサーブレットの処理を変えたい

Urizakaです。
さて、さっそく質問です。
JSPの同一フォーム上に「登録」「修正」「削除」のボタンを置き、その押された
ボタンによってサーブレット内での処理が切り替わる(具体的には、違う
SQL文を実行し、違うJSPページをgetRequestDispatcherメソッドで生成
する)ようにしたいのですが、どのようにすればよいのでしょうか?
もちろんそれぞれの処理に対して別々のサーブレットを作り、javaScript
でそれぞれのサーブレットへ飛ぶように制御するという処理も考えたことは
考えたのですが、できれば一つのサーブレットで済ませたいと考えたもので
…宜しくお願いします。

Aベストアンサー

お恥ずかしい限りです。
前述の例、動くわけがありませんね(汗)

2つめの例、書きなおします。

---------------------------------------------------

■JSPのフォーム

<form name=MyForm action="<<サーブレットのURL>>" method=post>
<input type=button name=MyClick value=登録 onClick="func('Toroku');">
<input type=button name=MyClick value=修正 onClick="func('Shusei');">
<input type=button name=MyClick value=削除 onClick="func('Sakujo');">
<input type=hidden name=MySubmit>
</form>

<script language="JavaScript">
function func(MyCommand){
document.MyForm.MySubmit.value=MyCommand;
document.MyForm.submit();
}
</script>

■Servletでの処理
// リクエストの取得
String MyAction = req.getParameter("MySubmit");

// 処理の実行
if (MyAction.equals("Toroku")){...}
if (MyAction.equals("Shusei")){...}
if (MyAction.equals("Sakujo")){...}



---------------------------------------------------

こんな感じでどうでしょうか。
ちなみにこうやって書いておくと、フォームのボタンからじゃなくても
アンカーをクリックすることで同じ効果が出せそうな……

<a href="JavaScript:func('Toroku')">登録</a>

あ、でもまたボロが出そうなのでこの辺で(^_^;)

お恥ずかしい限りです。
前述の例、動くわけがありませんね(汗)

2つめの例、書きなおします。

---------------------------------------------------

■JSPのフォーム

<form name=MyForm action="<<サーブレットのURL>>" method=post>
<input type=button name=MyClick value=登録 onClick="func('Toroku');">
<input type=button name=MyClick value=修正 onClick="func('Shusei');">
<input type=button name=MyClick value=削除 onClick="func('Sakujo');">
<input type=hidden name=M...続きを読む

Qテーブル内の文字サイズを変更したい。

HTMLのテーブル内の文字サイズを変更したいのですが。
イマイチ上手くいかずに悩んでいます。
出来れば全体的に<TABLE></TABLE>のほうでいじれますか?
<TD>タグや<TR>タグのところでいじくるのですか?

Aベストアンサー

いろいろやり方はありますが
文字単位でサイズを変更するには
#2の方法ですね。

テーブルごとやセル(<TD>)ごとにサイズを変更するには
スタイルシート(CSS)を使用します。

テーブルごとにサイズを変更する場合
<TABLE style="font-size : 20px;">

セル(<TD>)ごとにサイズを変更する場合
<TD style="font-size : 20px;">あああ</TD>

#1の方法だとページ内の全てのセル(<TD>)に設定することになります。

スタイルシート(CSS)はこれら以外にも
いろいろな設定方法があります。

Qhiddenの値が期待した値で取得されないのです

いつもお世話になっております。

for文の中で、押されたボタンのデータをhiddenで送信しようとしているのですが、
うまくいきません。
ソースは下記になります。

aaa.jsp
<%
for(int i = 0;i < list.size(); i++) {
caModel = (CategoryModel)list.get(i);
int i1 = caModel.getCategory();
int i2 = caModel.getCategory_sub();
String s1 = caModel.getCategory_name();
%>
<html:submit property="submit"><%=s1%></html:submit>
<%=i1%>,<%=i2%>
<input type="hidden" name="category" value="<%=i1%>">
<input type="hidden" name="category_sub" value="<%=i2%>">
<% } %>

途中でi1とi2を表示しているのですが、期待している通りに表示されます。[1,1]と[1,2]が表示。

これをservletで取得すると、
bbb.java
String st1 = request.getParameter("category");
String st2 = request.getParameter("category_sub");
System.out.println("st1 = " + st1);
System.out.println("st2 = " + st2);

2つ目のボタンを押して[1,2]を送信したいのですが[1,1]が表示されてしまいます。

分かる方がいましたら、ご教授下さい。よろしくお願い致します。

いつもお世話になっております。

for文の中で、押されたボタンのデータをhiddenで送信しようとしているのですが、
うまくいきません。
ソースは下記になります。

aaa.jsp
<%
for(int i = 0;i < list.size(); i++) {
caModel = (CategoryModel)list.get(i);
int i1 = caModel.getCategory();
int i2 = caModel.getCategory_sub();
String s1 = caModel.getCategory_name();
%>
<html:submit property="submit"><%=s1%></html:submit>
<%=i1%>,<%=i2%>
<input type="hidden" name="category" valu...続きを読む

Aベストアンサー

ループ内にformを記述してみてはどうですか。

Q
タグ内のフォントサイズについて・・・

<pre></pre>タグ内のフォントサイズを指定したいのですが、やり方がわかりません。
普通に<pre>で囲むと、字のサイズが小さくなってしまうんです。
<font>タグでいう2のサイズに設定したいのですが、どのようなタグを使えばよいのしょうか?
是非教えてください。

Aベストアンサー

通常は3で<pre>を使うと2より小さくなる?という事?

ブラウザの表示設定の変更でも<pre>は変化が大きいですよ。

<pre>はブラウザによって一回り小さくなる場合や
変化無しの場合もあります。火狐もかな?

フォントはブラウザやパソコン環境によっても
大きさが違いますのでなんともいえませんが、
HTMLのバージョンによっても推薦されないタグもありますし・・・
IE以外でも<basefont size="2">も使えません。

ちなみに<pre>はブロック要素なので
外からの<font size="">は使え無いし、
とりあえず、自分の環境で設定するか?
IE環境に合わせるかの選択ですね。
好きなの選んで下さい。

<pre style="font-size: 1.1em;">
1、あああああ
</pre>

<pre style="font-size: 12px;">
2、あああああ
</pre>

<div style="font-size: 105%;">
<pre>
3、あああああ
</pre>
</div>

<pre>
44444
<span style="font-size: 110%;">
4、あああああ
</span>
</pre>

通常は3で<pre>を使うと2より小さくなる?という事?

ブラウザの表示設定の変更でも<pre>は変化が大きいですよ。

<pre>はブラウザによって一回り小さくなる場合や
変化無しの場合もあります。火狐もかな?

フォントはブラウザやパソコン環境によっても
大きさが違いますのでなんともいえませんが、
HTMLのバージョンによっても推薦されないタグもありますし・・・
IE以外でも<basefont size="2">も使えません。

ちなみに<pre>はブロック要素なので
外からの<font size="">は使え無いし、
と...続きを読む


人気Q&Aランキング