- 締切済み
INPUT TEXT内の文字位置を指定したい
例えば、<input type="text" name="hoge">というフォームを作ったとします。 そのフォーム内に文字を入力した際に、文字をフォームのどの位置に配置するか指定したいのですがどうすればよいでしょうか？ CSSで指定できると助かります。 ご回答よろしくお願いします。
- HTML
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
<style> .cc{text-align:center; } .ll{text-align:left; } .bb{font-weight:bold; } .red{color:red;} </style> <input type="text" name="hoge" value="123" style="text-align:right;"><br> <input type="text" name="hoge" value="123" class="cc"><br> <input type="text" name="hoge" value="123" class="ll bb red"><br>
関連するQ&A
- INPUT TEXT内の文字位置を指定したい
<input type="text" name="hoge">というフォームを作ったとします。 そのフォーム内に文字を入力した際に、文字の配置が上寄せ(top)や真ん中（middle）になるよう指定をしたいのですが、CSSでどのように記述すればよいでしょうか？ ご回答よろしくお願いします。
- ベストアンサー
- HTML
- 指定のinputに入力
恐れいります。 <form action="./xxx.cgi" method="POST"> <input type="text" name="name1"> <input type="text" name="name2"> <input type="text" name="name3"> <input type="text" name="name4"> <input type="text" name="name5"> <input type="submit" value="送信"> </form> と、5つの入力欄があり、別ウィンドウから、指定の場所に代入することは可能でしょうか。例えば、name1のエリアに、別ウィンドウからformで「test」という文字を送信して入力する感じです。 よろしくお願いします。
- 締切済み
- Perl
- inputボックスのサイズを指定するには？
inputボックスのサイズ（大きさ）を指定するには？ <style type="text/css"> body { font-size:3em; } </style> としているので、文字は大きくなるのですが、 inputボックスのサイズは大きくなりません。 inputボックスのサイズも3emにするにはどうすればいいですか？ ”input サイズ text”でググったら、 <input type="text" name="example2" size="50"> 等 文字制限のサイズの方法しか見つけられませんでした。
- ベストアンサー
- HTML
- 入力フォームの上の文字の位置を変更したいです
入力フォームをWebの中央に配置した場合、入力フォームの上にある文字の位置を、付属画像のように入力フォームの左下に配置したいのですが、上手くいきません。ただ、文字を左に配置するだけならできるのですが、付属画像のように入力フォームの左下に配置する方法が分かりません。どうしたらよいでしょうか？ 以下がコードになります。 <!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8"/> <title>お問い合わせ</title> <link rel="stylesheet" href="syoki.css"> <style> /* 入力フォームの位置 */ h2{ text-align: center; font-size: 22px } .auto-style1 { margin: auto; text-align: center; } </style> </head> <body> <form action ="hpform1.php" method ="post"> <div class="auto-style1"> <h2>名前：※</h2> <input type="text" class="name" name="name" id="name" value="<?php if(isset($name)){ echo $name; } ?>"/> <h2>フリガナ：※</h2> <input type="text" class="furigana" name="furigana" id="furigana" value="<?php if(isset($furigana)){ echo $furigana; } ?>"/> <span colspan="2"><input type ="submit" name ="submit"value="確認画面へ"></span> </form> </body></html> ◎◎（syoki.css)◎◎ /* 入力フォームのスタイル */ #name { border: 2px solid #63e02d; /* 枠線 */ padding: 0.5em; /* 内側の余白量 */ background-color: snow; /* 背景色 */ width: 27.8em; /* 横幅 */ height: 36px; /* 高さ */ font-size: 1em; /* テキスト内の表示文字サイズ */ line-height: 1.2; /* 行の高さ */ } #furigana { border: 2px solid #63e02d; /* 枠線 */ padding: 0.5em; /* 内側の余白量 */ background-color: snow; /* 背景色 */ width: 27.8em; /* 横幅 */ height: 36px; /* 高さ */ font-size: 1em; /* テキスト内の表示文字サイズ */ line-height: 1.2; /* 行の高さ */ text-align: center; }
- ベストアンサー
- CSS
- 訪問者が入力したテキストを指定した箇所に挿入する方法を探しています
訪問者が入力したテキストを指定した箇所に挿入する方法を探しています。 動作イメージとしましては、 <div>↓挿入文字<br /> <input size="20" type="text" name="01" value="りんご" /> → <input type="submit" value="変換" /></div> <div>↓変換後<br /> <input size="20" type="text" name="02" value="１２３りんご９９９" /></div> まず、挿入文字用のinput（name=01）内に訪問者が「りんご」と入力し、 「変換」ボタンをクリックします。 すると、出力用のinput（name=02）に、 訪問者が入力した「りんご」の含まれる文字列が生成される、という形です。 実際のソースは、出力用のinput（name=02）は予め 「<input size="20" type="text" name="02" value="１２３##挿入文字##９９９" />」 このように挿入文字の挿入位置を指定できるものとします。 拡張子がhtml・PHPのファイルで利用予定なので JavaScriptでこのようなことができたら、と考えています。 私なりに調べてみましたが 変換後に挿入される文字が予めJavaScript側で指定するものばかりで 訪問者が入力したテキストを変換・挿入するコードが見つかりませんでした。 ご存知の方がいらっしゃいましたら、 お教えいただけると幸いです。 よろしくお願いします。
- ベストアンサー
- JavaScript
- Enterで指定のテキストボックスにフォーカスを・・・
Enterを押すと指定のテキストボックスにフォーカスを移動させたいのですがやり方がわかりません・・・。 例えば以下の様なフォームで TB1→TB2→TB3→TB5→TB6 という具合に移動させたいです。 どうか皆さんのお知恵をお貸しください。 <form name = "textbox"> <input type = "text" name="TB0" onFocus="this.blur()"> <input type = "text" name="TB1"> <input type = "text" name="TB2"> <input type = "text" name="TB3"><br> <input type = "text" name="TB4"onFocus="this.blur()"> <input type = "text" name="TB5"> <input type = "text" name="TB6"> </form>
- ベストアンサー
- JavaScript
- input type="text"内の禁止語について教えてください。
フォームに入力されたくない文字をJavaScriptで制御したいのですが、どなたか宜しくお願いします。 例えば、名前入力欄<input type="text" name="name">に『♪』や『★』などと、『up』『新作』など特定の文字が入っている場合は送信(submit)できないようにしたいのですが、どのように書けばよいでしょうか。 どうぞ宜しくお願いいたします。
- ベストアンサー
- JavaScript
- input type=textで、金額入力を右寄りにしたい
webをaspで作ろうと勉強中の者です。 response.write "<input type=text name=kingaku>" で、金額を入力するためのフォームで、右寄りに表示しようとしています。 response.write "<input type=text name=kingaku class=xl35>" とすると、右表示になるのですが、罫線が入ってしまいます。 罫線が入らずに、右寄りにすることはできないでしょうか？ よろしくお願いいたします。
- ベストアンサー
- Microsoft ASP
- ボタンを押すとテキストボックスが増えるJavaScriptについて教えてください
Javascriptで質問です。 <input type="text" name="hoge1" value=""> <input type="text" name="hoge2" value=""> <input type="text" name="hoge3" value=""> というようなテキストボックスがあり、「追加」というボタンを押すと 新たなテキストボックス <input type="text" name="hoge4" value=""> が追加されるようなJavascriptを作成したいと考えています。 新たに作られたテキストボックスには name="hoge4" name="hoge5" ・ ・ ・ というように、nameの部分に「hogeの右にある番号に1ずつ加算された名前」を付けていきたいのです。 検索すると、テキストボックスを追加していくだけのサンプルはいくつかあったのですが、nameの部分を加算していく、という例が無くて行き詰っています。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- スマホでテキストボックスに文字を入れようとすると、
モバイルのサイトを作っているのですが、 body {font-size:0.9em;} input[type="text"] {width:200px;font-size:0.9em;} のようなcssを定義していて、 <input type="text" name="テキスト" id="テキスト" value=""> のように、テキストボックスを設置しているのですが、 スマホでテキストボックスに文字を入れようとすると、ズームされてしまいます。 これを避けるにはどうすればいいでしょうか？ テキストボックスに文字を入力し終わっても、ズームが元に戻りません。 androidです。
- ベストアンサー
- HTML
