- ベストアンサー
Input type と枠線並びに改行の扱い
QHOSTの回答
補足ありがとうございます。 最初に、 <input class="abcde" readonly="readonly" type="hidden" name="content" value="abc de"> とありますが、これひとつでinputタグという種類のHTMLタグです。value=""の""入力された値をサーバーに送信するという機能を持っています。 ちなみに、HTMLとCSSだけで構成されたホームページでは、inputタグで値を送信されてもどうすることもできません。それを処理するためのCGIというプログラムなどが必要になります。 inputで type="text"を指定することによって、そのページを表示させたユーザがvalue=""の""の中身を編集することができるようになります。編集するための手段として枠付きの入力フォームが用意されるのです。 inputで type="hidden"を指定することによって、valueの値を編集するための入力フォームは表示しなくなります。 つまりyotarou様が確認した ABC DE の２行はinputタグとは関係なく abc<br>de の部分が見えていただけになります。 ちなみに</td>は、誤って混ざっているだけで、これだけでは意味をなしません。 あとtype="text"で用意される入力フォームは一行だけのフォームと決まっています。あらゆる方法を使っても２行になることはありません。 inputタグではないのですが、inputタグに似た機能を持つのがTextareです。<textare>と</textare>の間に入力された文字列をサーバーに送信するタグです。Textareが提供する入力フォームは改行の機能を持っているので２行表示することも可能です。 <textarea >ABC DE</textarea> 上記のコードで枠付きの２行の入力フォームが表示されます。 ただ、yotarou様は「枠」を作りたいだけだったとすれば、入力フォームで枠を表現するのは少々無理やりが否めません。 そこでtabelタグを使いましょう。tabelタグはまさしく枠を描くためのタグです。 <table border=4> <tr><td>ABC <br />DE</td></tr> </table> 枠の見た目はtableタグについて調べると、さまざまな指定の方法がわかると思います。
関連するQ&A
- tag と 枠
現在、ABCDEを２段で表示することが出来ています。これに枠線を付けたいのですが、分かりません。TYPEをTEXTにすると改行が出来ないし、尚ABCDE並びに改行は別の場所から持ってきて代入したいのです。 <html> <head> <title>sample001</title> </head> <body> <input class="abcde" readonly="readonly" type="hidden" name="content" value="abc de">abc<br>de</td> </body> </html> 当方全くの初心者です。何卒宜しくお願い致します。
- 締切済み
- HTML
- </td><td>で改行されてしまうのは何故ですか？
以下、IE8で閲覧したときのみ [登録を許可する] と [拒否する] の ボタンが改行されて表示されてしまいます。 <td>登録を許可する</td><td>拒否する</td>としているので、 改行されるのはおかしいと思うのですが、IE8のバグでしょうか？ ちなみに、Firefox や Safari などでは二つのボタンは改行されず、 横並びできちんと表示されます。 また、以下ソース先頭のドキュメント宣言を削除すると、IE8でも 二つのボタンは改行されず、横並びで表示されます。 (多少上下位置がズレますが・・・) <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <body> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr><td> 現在 <b>1件</b> の登録申請が出ています。<br /> そのうちの <b>1番目</b> の申請です。<br /><br /> <form method="post" action="./ps_admin.cgi"> <input type="hidden" name="act" value="reg2" /> <input type="hidden" name="page" value="0" /> <input type="hidden" name="pass" value="" /> <table border="0" cellpadding="0" cellspacing="0" style="text-align:left"> <tr><td> <table border="0" cellpadding="4"> <tr> <td bgcolor="#ffffff">▼お名前<br /> test</td> </tr> <tr> <td bgcolor="#ffffff">▼メールアドレス<br /> test<br /><br /></td> </tr> <tr><td bgcolor="#ffffff"><hr color="#444444"></td></tr> <tr> <td bgcolor="#ffffff"><br />▼サイト名<br /> <input style="width : 262px;" type="text" name="sitename" value="test" size="50" /></td> </tr> <tr> <td bgcolor="#ffffff">▼サイトURL<br /> <input style="width : 362px;" type="text" name="siteurl" value="http://" size="70" /><br /> <a href="" target="_blank">ページを見るときはこのリンクから</a></td> </tr> <tr> <td bgcolor="#ffffff">▼バナー<br /> 無し <input type="hidden" name="sitebanner" value="" /> </td> </tr> <tr> <td bgcolor="#ffffff">▼サンプルURL<br /> 無し <input type="hidden" name="sampleurl" value=""><br /><br /> </td> </tr> <tr> <td bgcolor="#ffffff">▼コメント<br /> <textarea style="width : 441px;" cols=70 rows=4 name="sitecomment">これはテストです。</textarea></td> </tr> <tr> <td bgcolor="#ffffff">▼キーワード<br /> <input style="width : 362px;" type="text" name="sitekeyword" size=70 value="テスト" /></td> </tr> <tr> <td bgcolor="#ffffff">▼管理人へのコメント<br /> <br /><br /></td> </tr> </table> <table> <tr><td> <input type="hidden" name="name" value="test" /> <input type="hidden" name="email" value="" /> <input type="hidden" name="npass" value="" /> <input type="submit" value="登録を許可する" /> </form></td> <td align="left"> <form method="post" action="./ps_admin.cgi"> <input type="hidden" name="act" value="reg3" /> <input type="hidden" name="page" value="0" /> <input type="hidden" name="pass" value="" /> <input type="hidden" name="name" value="test" /> <input type="hidden" name="sitename" value="test" /> <input type="submit" value="拒否する" /></form></td> </tr></table></td></tr></table> </td></tr> </table> </body> </html> IE8でのXHTML表示関連のバグでしょうか？ 解決できず大変困っています。 どなたか原因がおわかりになる方がおられましたら 解決策をお教え頂ければ幸いです。 宜しくお願い致します。
- ベストアンサー
- HTML
- textarea と、 input type の質問。
<textarea>なにがし</textarea> これは、ユーザに入力を促す際、 あらかじめ表示させておく文字ですが、 <textarea>なにがし<BR><BR>それぞれ</textarea> こんな風に、 表示させたい内容を何行か改行した文章を置きたいのですが、 全て繋がってしまいます。 専用の改行コードはあるのでしょうか？ また、<input type="text">で、 ユーザの入力開始時の文字を、半角英数に固定して 誤入力を避けたいのですが、 なにかオプションがあるのでしょうか？
- 締切済み
- HTML
- テーブルの枠線とテキストフィールドの縦、横の隙間をなくしたい
テーブルの枠線とテキストフィールドの縦、横の隙間をなくしたい テーブルの枠線とテキストフィールの枠を隙間なくピッチリとくっつけたい です。コードを掲示しますのでご存知の方はどなたか修正願います <body> <table width="900" border="1" style="height:25px;"> <tr> <td rowspan="2" width="400"> </td> <td rowspan="2" width="50"> </td> <td rowspan="2" width="100"><input type="text"readonly="readonly"value="サンプルシステム（株）" style="height:25px;"/> </td> <td rowspan="2" width="50"> </td> <td rowspan="2" width="100"><input type="text"readonly="readonly" value="システム管理者"style="height:25px;"/> </td> <td width="60"style="height:12px;">実施日</td> <td width="140"><input type="text" readonly="readonly" width="140"value="2010/07/01" style="height:12px;"/></td> <tr> <td height="19" style="height:12px;">CODE</td> <td><input type="text" readonly="readonly" width="140" value="TTSORD50P" style="height:12px;"/></td> </tr> </table> </body>
- ベストアンサー
- HTML
- input type ボタン
お世話になります。 inputtype ログインボタン・検索ボタンの事で、お尋ねいたします。 あちらこちらのサイトを参考にログインと検索ができるプログラムを 真似て作成いたしています。初めての事で内容も半分ぐらいしか理解出来ていないままのスタートです。 参考サイトのhtml部分・CSSソースを作りかけの自分のサイトに記載しますとログインボタンと検索ボタンのレイアウトが崩れて 表示されません。 何が原因なのか不明のままです！！ お手数かけますが、ご指導お願い申しあげます。 下記に簡単にinputの部分だけソースを書きますので宜しくお願い いたします。 また別ページ（新規に）html＜body＞～＜body＞間に同じソースを 書きますと検索ボタンもログインボタンもきちっと表示されます。 中身のプログラムソースに入る前にレイアウトを先に手掛けたのですが 意気消沈しています。 他のCSSとかjavascriptかのソースと競合するのでしょうか？ 解らない事ばかりです。 奇麗に表示ができれば幸いです。 宜しくお願い申し上げます。 googleサーチのinputです。 <div class="entry_search"> <form method="get" action="http://www.google.co.jp/search" target="_parent"> <table width="166" border="0" bgcolor="#ffffff"> <tbody> <tr> <td width="160" height="32" align="left" valign="top" nowrap="nowrap"><a href="http://www.google.co.jp" target="_blank"> <img src="imges/common/poweredby_google.gif" alt="Google" border="0" /></a> <br /> <input type="text"name="q" size="17" maxlength="255" value="" /> <input type=hidden name=ie value=Shift_JIS /> <input type=hidden name=oe value=Shift_JIS /> <input type="hidden" name="hl" value="ja" /> <input type="hidden" name="domains" value="#" /> <input type="submit" name="btnG" value="検索" /></td> </tr> <tr> <td nowrap="nowrap"><table> <tbody> <tr> <td ><input type="radio" name="sitesearch" value=" " /> <font color="#000000" size="-1">Web</font></td> <td><input type="radio" name="sitesearch" value="#" checked="checked" /> <font color="#000000" size="-2">サイト内</font></td> </tr> </tbody> </table> <input name="client" value="pub-5778690733142083" type="hidden" /> <input type=hidden name=ie value=Shift_JIS /> <input type=hidden name=oe value=Shift_JIS /> <input type=hidden name=hl value="ja" /> <input name="cof" value="GALT:GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:ffffff;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1;" type="hidden" /> <input type="hidden" name="hl" value="ja" /></td> </tr> </tbody> </table> </form> こちらがログオンの一部です。 <div class="AA_approach_b"> <h4 class="AA_blockHead AA_loginHead">ログイン</h4> <form name="login" action="#" method="post"><input name="action" value="login" type="hidden"> <input name="#" value="4b96bbf140d2a3cb9821cc2cba76395e21feb0f5b9ab041b561f0a03fc15ef2a" type="hidden"><table class="bestfood_loginTable"> <tbody><tr> <th class="CC_th">E-mail</th> <td class="CC_td"><input name="loginEmailAddress" value="" type="text"></td> </tr> <tr> <th class="CC_th">password</th> <td class="CC_td"><input name="loginPassword" value="" type="password"></td> </tr> <tr> <td colspan="2" button type="class="CC_submit" value="submit"> <input value="ログイン" type="submit"> </button> </td> </tr> </tbody></table> <div class="AA_annotation"><a href="#">パスワードをお忘れの方</a></div> <input name="referer" value="block" type="hidden"> </form> 上記の他にCSSと手元にCGIソースがあります。 お手数ですが宜しくお願い申し上げます。 初めての事ですので表現や考えに間違いありますればご容赦を....!!
- 締切済み
- その他([技術者向] コンピューター)
- textareaに改行を入れても、CSV上では一セルに収まる方法は？
結論から言いますと、 textareaに改行を入れると、CSVファイルが下段に移ってしまいます。 やりたいとこ textareaに改行を入れても、CSV上では一セルに収まってほしいです。 いろいろ調べたのですが、以下のどこを書き換えればよいか分からないんです。 初心者なため困っております。宜しくお願い致します。 △△△△△△△△△△△△△△△△ ファイル名：input.php ▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽ <html> <head> <title>インプット</title> </head> <body> <h1 style="background:#cccccc">（書き込み）</h1> <form method="POST" action="write.php"> お名前： <input type="text" name="name" size="20" maxlength="30" /><br /> メッセージ： <textarea name="message" rows="4" cols="40">ここに感想を記入してください。</textarea> <br /> <input type="submit" value="送信" /> </form> </body> </html> △△△△△△△△△△△△△△△△ ファイル名：write.php ▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽ <?php $file=fopen("good.csv","a"); flock($file,LOCK_EX); $line =date("Y年 m月 d日 H:i:s")."\t"; $line.=$_POST['name']."\t"; $line.=$_POST['message']."\t"; fputs($file,$line."\n"); flock($file,LOCK_UN); fclose($file); header("Location: input.php"); ?>
- ベストアンサー
- PHP
- ニフティのメールデコードについて教えてください
webアンケートを作るためにhttp://homepage.nifty.com/mail/sample.htm#enqueteを参考にしてみたのですが（送信ボタンを押すと）「メールアドレスが記入されていないか形式が不正です」とエラーメッセージが出てしまいます。以下の書き方で間違っている所があるでしょうか。 <HTML> <HEAD> <TITLE>質問紙のサンプル</TITLE> </HEAD> <BODY> <FORM METHOD="post" ACTION="http://mdec.nifty.com/cgi-bin/ahpmdec.cgi"> <INPUT TYPE="hidden" NAME="ok_page" VALUE="http://homepage?.nifty.com/***/***.htm"> <INPUT TYPE="hidden" NAME="to_mail" VALUE="***@nifty.com"> <INPUT TYPE="hidden" NAME="sub" VALUE="質問紙調査の結果"> 名前： <br> <INPUT TYPE="text" NAME="name" SIZE="30" MAXLENGTH="40"> <br> メールアドレス: <br> <INPUT TYPE="text" NAME="from" SIZE="25" MAXLENGTH="60"> <br> コメント： <br> <TEXTAREA NAME="body" ROWS="20" COLS="30"> </TEXTAREA> <INPUT TYPE="submit" VALUE="送信"> <INPUT TYPE="reset" VALUE="クリア"> </FORM> </BODY> </HTML>
- ベストアンサー
- HTML
- あるサイトに飛んだとたんに「input」にフォーカスを当てるには？
下記HTMLがあります。このサイトに飛んだとたんに「input」にフォーカスを当てたいです。どのように記述すればいいのでしょうか？会員番号を「バーコードワンド」で読ませるためにフォーカスを当てておきたいのです。 <html><head><meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta name="GENERATOR" content="Mozilla"> <title>会員入り口</title> </head> <body> <center><font size=+2>ドラゴン会員入り口</font><HR><BR><BR> <p><form ACTION = "po001.asp" METHOD = POST></center> <center><table BORDER=0 > <tr> <td>会員番号</td> <td><input TYPE="TEXT" NAME="NAMAE" SIZE="20" ></td> </tr> </table></center> <center> <p><input TYPE = "SUBMIT" VALUE="ログイン"> <input TYPE = "RESET" VALUE="取り消し"></form></center> </body> </html>
- ベストアンサー
- HTML
- Javascriptで複数のテキストエリアの文字列を連結させたいです
Javascriptで複数のテキストエリアの文字列を連結させたいです。 初めまして、 お世話になります。 ------------------------------------------------- <html> <head> <title>無題ドキュメント</title> <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP"> </head> <body bgcolor="#FFFFFF" text="#000000"> <form name="form1" method="post" action=""> いつ<br> <textarea name="when"></textarea> <br> <br> どこで<br> <textarea name="where"></textarea> <br> <br> だれが<br> <textarea name="who"></textarea> <br> <br> どうした<br> <textarea name="what"></textarea> <br> <input type="submit" name="submit" value="連結"> <input type="reset" name="submit" value="リセット"> <br> <br> いつどこでだれががどうした。<br> <textarea name="textfield"></textarea> </form> </body> </html> ------------------------------------------------- というHTMLがあったとして ボタンを押したら文字列を連結させたいのです。 その際、入力したテキストフィールドで文字列が改行をされてあった場合 それをそのまま反映して表示させたいのです。 ぜひよろしくお願いします。
- ベストアンサー
- JavaScript
- <INPUT type=
indexのページを上1つ{top}下に左右2つ{side・main}と3つに分割しています。 そのtopの部分に <TD align="right"> <form method="POST" action="cart/shop.cgi"> <input type="hidden" name="mode" value="kakunin"> <input type="hidden" name="ret_id" value="./index.html"> <input type="image" src="cart.gif" alt="かごの中身を見る" border="0"> </TD> この様な形でボタン？を表示させ、それをmainで表示させたいのですが、どうすればいいのでしょうか？ 今の状態では当然ですが{top}の部分にそのまま表示します。 あまり知識がなく、いろいろ調べてみたのですがわかりませんでした。よろしくお願いいたします。
- ベストアンサー
- HTML
お礼
言葉足らずというか不十分な説明での質問に対応戴き本当にありがとうございました。