- ベストアンサー
テキストボックスの様に文字の周り(枠)をへこませてみせたい
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
<span style="border-width: 1px; border-style: solid; border-color: #666 #ccc #ccc #666; padding: 2px; ">文字文字文字文字</span> <span style="border: 1px solid #ccc; padding: 1px; "><span style="border-width: 1px; border-style: solid; border-color: #ccc #efefef #efefef #ccc; padding: 2px; ">文字文字文字文字</span></span> みたいな感じですかね… ポイントとしては ・上と左の罫線を濃い目 ・右と下の罫線を上左よりちょっと薄め で罫線をつけるといいと思います。 サイトの状況に応じて、このまま使ってもいいし 外部スタイルシートにクラスを設けて書いてもいいと思います。
その他の回答 (1)
- yambejp
- ベストアンサー率51% (3827/7415)
<style> div.hoge{ width:100px; border:2px inset; } </style> <input type="text" name="field1" value="文字" /> <div class="hoge">文字</div>
関連するQ&A
- 印刷するときにテキストボックスの枠を印刷しない方法
印刷するときにテキストボックスの枠を印刷しない方法などあるものでしょうか。 【画面】 <INPUT TYPE="TEXT" NAME="Field" SIZE="12" VALUE="○○県"> 【普通の印刷】 テキストボックスの枠と「○○県」 【希望】 印刷するときのみ、枠なしで、「○○県」と印刷される。
- ベストアンサー
- CSS
- スマホでテキストボックスに文字を入れようとすると、
モバイルのサイトを作っているのですが、 body {font-size:0.9em;} input[type="text"] {width:200px;font-size:0.9em;} のようなcssを定義していて、 <input type="text" name="テキスト" id="テキスト" value=""> のように、テキストボックスを設置しているのですが、 スマホでテキストボックスに文字を入れようとすると、ズームされてしまいます。 これを避けるにはどうすればいいでしょうか? テキストボックスに文字を入力し終わっても、ズームが元に戻りません。 androidです。
- ベストアンサー
- HTML
- テキストボックスの枠の印刷の制御
テキストボックスの枠ですが、画面に表示されているときは枠線が普通に見え、印刷するときだけ、枠線を印刷させないことなどできるものでしょうか。 例: <INPUT TYPE="TEXT" NAME="場所" SIZE="12" value="東京">
- ベストアンサー
- JavaScript
- ボタンを押すとテキストボックスが増える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
- テキストボックスに関して質問です
ページ間でのテキストボックスからテキストボックスへの文章の移行って可能でしょうか? tezt1.htmlってページにある 名前⇒<INPUT TYPE="text" NAME="name1"> 住所⇒<INPUT TYPE="text" NAME="adres1"> のテキストボックスに入力された文章を 入力ボタン <INPUT type="button" value="入力" onClick="・・・・・"> を押すと、下に用意してあるテキストボックス(別ページ)に入力した値が入るようにしたいのです。 tezt2.htmlの 名前⇒<INPUT TYPE="text" NAME="name2"> 住所⇒<INPUT TYPE="text" NAME="adres2"> 事情が有り一つのページで行えません。 フレームわけしたページで移行して使用したいのですが… 質問し方が悪くて大変申し訳有りません。宜しくお願いします。
- ベストアンサー
- HTML
- テキストボックスの初期値について
テキストボックスに初期値を入れたいときは <input name="text1" type="text" value="初期値"> というように、valueで指定すると思うのですが、 初期値に【"】半角のダブルクオートを含めたい場合は どのように記述するのですか? <input name="text1" type="text" value=""初期値""> のように記述すると空白が表示されてしまいます。 よろしくお願いします。
- ベストアンサー
- HTML
- htmlのテキストボックスに書かれた文字によって
htmlのテキストボックスに書かれた文字によって表示する文字を変えたいのですが、コードがいまいちどうやって書いていいかわからないのでコードを教えて下さい。よろしくお願いします。 一応できなかったコード↓ <Form name="js"> <input type="text" name="txtb"> </Form> <script> <br> if(document.js.txtb.value="a"){document.write("a")} </script>
- ベストアンサー
- その他(インターネット・Webサービス)
- ボタンを押したらテキストボックスの文字色をチェンジ
ボタンをクリックしたらテキストボックスに入っている文字色を黒から赤に変えたいんですがどのようにしたらいいでしょうか? 一応、自分なりに作ってみたものです。エラーがでます。 保存ファイルの拡張子は「html」です。 ------------------------------------------------------- <html> <head> <script language="javascript"> function change(){ document.form1.text1.fgcolor="red"; } </script> </head> <body> <input type="text" value="文字色" name="text1"> <input type="button" value="押す" onClick="change()"> </body> </html> ----------------------------------------------------------
- 締切済み
- JavaScript
- テキストボックス内を書き込み禁止にする
<input name="read" type="text" value="img001.jpg"> とあるようなテキストボックスを作ったとして、このテキストボックスの初期値を変更されないようにテキストボックスを書き込み禁止にしたいのですが、、。 どのようにすればいいのでしょうか? わかる方どうかよろしくお願いします。 (゜◇゜o)
- ベストアンサー
- HTML
- テキストボックスの文字の大きさを変更するには
タグ打ちでWebページを作っています。 テキストボックスに関する質問です。 テキストボックス本体の大きさは下のように記述すれば指定できることはわかっているのですが、 <input type="text" size=xx> テキストボックス内の「文字」の大きさを変更するにはどうすればよいでしょうか。 HTMLタグ、JavaScript、CSSでできる方法を教えてください。
- ベストアンサー
- その他(プログラミング・開発)