締切済み

INPUT TEXT内の文字位置を指定したい

2008/10/03 01:39

例えば、<input type="text" name="hoge">というフォームを作ったとします。そのフォーム内に文字を入力した際に、文字をフォームのどの位置に配置するか指定したいのですがどうすればよいでしょうか？ CSSで指定できると助かります。ご回答よろしくお願いします。

noname#113749

HTML
回答数1
ありがとう数0

みんなの回答 （1）
専門家の回答

みんなの回答

noname#84373

2008/10/03 02:13 回答No.1

関連するQ&A

INPUT TEXT内の文字位置を指定したい

<input type="text" name="hoge">というフォームを作ったとします。そのフォーム内に文字を入力した際に、文字の配置が上寄せ(top)や真ん中（middle）になるよう指定をしたいのですが、CSSでどのように記述すればよいでしょうか？ご回答よろしくお願いします。
指定の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」という文字を送信して入力する感じです。よろしくお願いします。
inputボックスのサイズを指定するには？

inputボックスのサイズ（大きさ）を指定するには？ <style type="text/css"> body { font-size:3em; } </style> としているので、文字は大きくなるのですが、 inputボックスのサイズは大きくなりません。 inputボックスのサイズも3emにするにはどうすればいいですか？ ”input サイズ text”でググったら、 <input type="text" name="example2" size="50"> 等文字制限のサイズの方法しか見つけられませんでした。
入力フォームの上の文字の位置を変更したいです

入力フォームを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; }
訪問者が入力したテキストを指定した箇所に挿入する方法を探しています

訪問者が入力したテキストを指定した箇所に挿入する方法を探しています。動作イメージとしましては、 <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側で指定するものばかりで訪問者が入力したテキストを変換・挿入するコードが見つかりませんでした。ご存知の方がいらっしゃいましたら、お教えいただけると幸いです。よろしくお願いします。
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>
input type="text"内の禁止語について教えてください。

フォームに入力されたくない文字をJavaScriptで制御したいのですが、どなたか宜しくお願いします。例えば、名前入力欄<input type="text" name="name">に『♪』や『★』などと、『up』『新作』など特定の文字が入っている場合は送信(submit)できないようにしたいのですが、どのように書けばよいでしょうか。どうぞ宜しくお願いいたします。
input type=textで、金額入力を右寄りにしたい

webをaspで作ろうと勉強中の者です。 response.write "<input type=text name=kingaku>" で、金額を入力するためのフォームで、右寄りに表示しようとしています。 response.write "<input type=text name=kingaku class=xl35>" とすると、右表示になるのですが、罫線が入ってしまいます。罫線が入らずに、右寄りにすることはできないでしょうか？よろしくお願いいたします。
ボタンを押すとテキストボックスが増える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の部分を加算していく、という例が無くて行き詰っています。よろしくお願いいたします。
スマホでテキストボックスに文字を入れようとすると、

モバイルのサイトを作っているのですが、 body {font-size:0.9em;} input[type="text"] {width:200px;font-size:0.9em;} のようなcssを定義していて、 <input type="text" name="テキスト" id="テキスト" value=""> のように、テキストボックスを設置しているのですが、スマホでテキストボックスに文字を入れようとすると、ズームされてしまいます。これを避けるにはどうすればいいでしょうか？テキストボックスに文字を入力し終わっても、ズームが元に戻りません。 androidです。
1つのフォームで複数のnameに対応させるには？

■前提・1つのフォーム・複数ボタン・複数の送信先へテキストを送り、キーワード検索させたい ■現状・<input type="text" name="hoge"ならうまくいく(javascriptを利用しました) ■問題このやり方だと、受け取る側も、すべてname="hoge"に対応していないとうまくいきません。 ■知りたいこと name="piyo"にしか対応していない送信先もある場合には、どう書けばよいのでしょうか？イメージとしては、 <input type="text" name="hoge" に入力されたテキストを、どうにかして、 <input type="text" name="piyo" としても、送りたいのですが、どうすればよいでしょうか？複数送信先に応じて、 <input type="text" name="の値を変えるには、どうすれば、よいでしょうか？
プロパティ名に変数を連結する

javascriptによるWebサイト内のフォーム内容入力チェックを行っています。 <input type="text" name="text1"> <input type="text" name="text2"> <input type="text" name="text3"> . . というように連番で付けられたフォーム部品があった場合 if(document.myForm.text1.value==""){flag=1;} if(document.myForm.text2.value==""){flag=1;} if(document.myForm.text3.value==""){flag=1;} のようにしてやれば空欄チェックが行えますがこれがいくつもある場合、textの後に続く番号をfor等で繰り返し処理によって行う場合、どのように記述するでしょうか。試しに for(i = 0 ; i <= 100 ;i++){ var text; hoge = "document.myForm.text" + i + ".value"; if(hoge == ""){flag=1;} } のようにしましたが、この方法だとhoge自体が文字列としてみなされてしまいプロパティの指定ができなくなっている（？）のでしょうか。ご助言いただけると助かります。
INPUTタグのselectについて

INPUTタグのselectについていつもお世話になりますm(__)m <input type="text" name="hoge" onfocus="this.select()"> 上記のようにすると、フォーカスされた時に、入力されている値が選択状態になりますが、これをフォーム上の全てのINPUTとTEXTAREAに適用できるような方法はありませんでしょうか？既に作成済みのフォーム(HTML)に一つずつ「onfocus="this.select()"」を入れるのは、非常に手間がかかります。一気にスタイルシート等で設定できればと思い、質問させて頂きました。ご存じのかた、ご教授頂けますようお願い致しますm(__)m
jQueryで属性連番処理を、複数単位で行いたい

・下記のとき、それぞれのdiv単位でname属性を付与したいのですが、どうすれば良いでしょうか？ ■現状 <div> 　<input type="text"> 　<input type="text"> 　<input type="text"> 　<input type="text"> </div> <div> 　<input type="text"> 　<input type="text"> 　<input type="text"> 　<input type="text"> </div> ■希望 <div> 　<input type="text" name="hoge1"> 　<input type="text" name="hoge2"> 　<input type="text" name="hoge3"> 　<input type="text" name="hoge4"> </div> <div> 　<input type="text" name="hoge1"> 　<input type="text" name="hoge2"> 　<input type="text" name="hoge3"> 　<input type="text" name="hoge4"> </div> ■補足・jQuery.each()を使ったら、hoge8まで通しでナンバリングされてしまいました $('div :text').each(function(i){ ※「div」「input」の数は、動的に変化します
struts：input type="text"とhtml:textの違いは？

はじめまして。 strutsのhtmlタグで質問があります。 Formの中にvalidateを実装しました。画面にエラーメッセージを表示するまではうまくいきましたが、遷移前に入力した値を保持し再度表示してくれません。原因を調べてみると、 <input type="text" name="hoge"> ではなく、 <html:text property="hoge"/> ならば値を保持してくれることがわかりました。ここで質問なのですが、 (1)strutsでは、値の保持のため<html:text～>を使うのが妥当なのか？ (2)strutsで<input type="text"～>を使用する場合、どういう実装をすれば値をjspに渡せるのか？（sessionに格納するのはなんとなくわかります。ですが、strutsの場合、ActionとFormだけで動作しますし、通常のsetAttribute("hoge","value");をどこで入れるのが適切なのかわかりませんでした。初心者な問題で申し訳ありませんが、strutsをより理解したいため、お分かりになる方教えていただけないでしょうか？よろしくお願いします。
input textでペーストした瞬間フォーカス移動

input type="textが縦にたくさんあり、 text1[n番目]に文字をペーストするのですがペーストした瞬間フォーカスをtext1[n]からtext1[n+1]に移動したいのですがonChangeだとうまくペーストした瞬間に移動できません。良い方法はあるでしょうか。 <input type="text" size="21" value="" name="text1"><br> <input type="text" size="21" value="" name="text1"><br> ・・・
テキストボックスのフォーカス移動

こんにちは。 htmlページで<input type="text"/>に既定の桁数を入力したら次のinputにフォーカスを移動させたいと考えています。下の例の場合、１番目のテキストボックスに既定の桁数5ケタを入力したら、フォーカスを２番目のテキストボックスに移動させ、２番目のテキストボックスに4ケタ入力したら３番目のテキストボックスにフォーカスを移動させるようにしたいと思っています。スクリプトの再利用ができるよう、たとえば同じname属性を与えればその範囲内で簡単にフォーカスを移動させられるようなものにしたいと思うのですが、うまくいきません。何か良い書き方はありませんでしょうか？ <div> 　<input type="text" name="hoge" maxlength="5" onkeyup="test(this)"/> 　<input type="text" name="hoge" maxlength="4" onkeyup="test(this)"/> 　<input type="text" name="hoge" maxlength="5" onkeyup="test(this)"/> 　<input type="text" name="hoge" maxlength="2" onkeyup="test(this)"/> </div> 　・　・ <script type="text/javascript"> function test(elm) { 　if (elm.value.length >= elm.maxLength) { 　　/*（気持ちとしては、ここにこのような感じのことを書きたいのですが・・・）　　　　var arr_elm = document.getElementsByName(elm.name); 　　　　var n = elm.index + 1 　　　　arr_elm[n].focus(); 　　*/　　} } </script>
複数のテキストボックスでインデックスを取得する方法

htmlでテキストボックスを複数作り、そのうちの一つのテキストボックスをクリックすると、Javascriptでそのテキストボックスのインデックスを取得したい思います。ソースは簡単ですが、以下の通りです。サンプルとして５つテキストボックスを作成していますが、実際は不特定（データの読み込み件数）です。 onclick="hoge(???);" の???の部分に、テキストボックスのインデックスを書きたいのですが。。。リストボックスだと、selectedIndexで取得できるようなのですが、テキストボックスはどのような関数を使えばいいですか？ <html> <head> 　　<script language="javascript"> 　　　　function hoge(index){ 　　　　alert(index); 　　} 　　</script> </head> <body> 　　<input type="text" name="hoge" onclick="hoge(???);"><br> 　　<input type="text" name="hoge" onclick="hoge(???);"><br> 　　<input type="text" name="hoge" onclick="hoge(???);"><br> 　　<input type="text" name="hoge" onclick="hoge(???);"><br> 　　<input type="text" name="hoge" onclick="hoge(???);"><br> </body> </html>
テキスト・セレクトフォームにて何も入力されていない状態ではフォームの色を変えるためには

　Rubyを使用して掲示板のシステムを作成しています。必須項目 <input type="text" name="textfield"><br> 任意項目 <input type="text" name="textfield2"><br> 必須項目 <input type="text" name="textfield3"><br> 必須項目 <textarea name="textarea"></textarea><br> 必須項目 <select name="select"></select> と複数のテキストフォームとセレクトフォームがあり，その一部が必須項目です。そこで必須項目と分かるようにフォームの入力部分を赤く塗り，何か文字が入力されたら（何か選ばれたら），元の白の状態にしたいと考えています。　このようなことは実際可能なので使用か。ご教授お願いします。
ＪＡＶＡＳＣＲＩＰＴでＩＮＰＵＴ

ＨＴＭＬとＪＡＶＡＳＣＲＩＰＴとＪＳＰを使ってシステム構築をしております。 --------------- <html> <head> <SCRIPT Language="JavaScript">  </SCRIPT> </head> <body> <form onSubmit="send(); return false;"> <input type=text name=name1> <input type=submit> </form> </body> </html> --------------- 上記のコードでやりたいことは、 submitボタンが押されたときにJAVASCRIPTを呼び出し JAVASCRIPT上で文字を入力し次画面へ送信するような機能を作りたいと思っているのですが、本を見てもなかなか載っていません。もしかしたらJAVASCRIPTだけではできないかもしれません。ＪＳＰまたはＰＨＰで出来る機能でも良いので教えてください。

INPUT TEXT内の文字位置を指定したい

みんなの回答

関連するQ&A

INPUT TEXT内の文字位置を指定したい

指定のinputに入力

inputボックスのサイズを指定するには？

入力フォームの上の文字の位置を変更したいです

訪問者が入力したテキストを指定した箇所に挿入する方法を探しています

Enterで指定のテキストボックスにフォーカスを・・・

input type="text"内の禁止語について教えてください。

input type=textで、金額入力を右寄りにしたい

ボタンを押すとテキストボックスが増えるJavaScriptについて教えてください

スマホでテキストボックスに文字を入れようとすると、

1つのフォームで複数のnameに対応させるには？

プロパティ名に変数を連結する

INPUTタグのselectについて

jQueryで属性連番処理を、複数単位で行いたい

struts：input type="text"とhtml:textの違いは？

input textでペーストした瞬間フォーカス移動

テキストボックスのフォーカス移動

複数のテキストボックスでインデックスを取得する方法

テキスト・セレクトフォームにて何も入力されていない状態ではフォームの色を変えるためには

ＪＡＶＡＳＣＲＩＰＴでＩＮＰＵＴ

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

INPUT TEXT内の文字位置を指定したい

みんなの回答

関連するQ&A

INPUT TEXT内の文字位置を指定したい

指定のinputに入力

inputボックスのサイズを指定するには？

入力フォームの上の文字の位置を変更したいです

訪問者が入力したテキストを指定した箇所に挿入する方法を探しています

Enterで指定のテキストボックスにフォーカスを・・・

input type="text"内の禁止語について教えてください。

input type=textで、金額入力を右寄りにしたい

ボタンを押すとテキストボックスが増えるJavaScriptについて教えてください

スマホでテキストボックスに文字を入れようとすると、

1つのフォームで複数のnameに対応させるには？

プロパティ名に変数を連結する

INPUTタグのselectについて

jQueryで属性連番処理を、複数単位で行いたい

struts：input type="text"とhtml:textの違いは？

input textでペーストした瞬間フォーカス移動

テキストボックスのフォーカス移動

複数のテキストボックスでインデックスを取得する方法

テキスト・セレクトフォームにて何も入力されていない状態ではフォームの色を変えるためには

ＪＡＶＡＳＣＲＩＰＴでＩＮＰＵＴ

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

カテゴリ
一覧

専門家に質問してみよう
専門家登録