テキストフィールドに入力した文字列が、ボタンクリック時に
同じ画面上のある領域に表示される様な仕組みを考えています。
この、ある領域がテキストフィールドである場合はJavaScriptを使用して
簡単に出来る事は確認済みなのですが、この表示文字列は変更されたくありません。
そこで、テキストフィールドの入力禁止措置を施し、これもOKなのですが、もっと単純に
HTMLとして通常の表示文字列(テキストフィールド等ではなく)として
表示したいのです。
1)VisualBasicでいうところのlabelコントロールみたいな入力不可の
オブジェクトはHTMLとしてありますか?
(色々探したけど無いですよね?多分。)
2)この様な事を実現する場合、HTMLとJavaScriptではどの様に行うのですか?
以上、よろしくお願いします。
No.1ベストアンサー
- 回答日時:
が参考になるかな?
IE限定ならinnerHTML(?)とかで実現できるけどIE限定だからやっぱり上のDOMの方が良いかと。
参考URL:http://tohoho.wakusei.ne.jp/js/dom.htm
No.3
- 回答日時:
VisualBasic関連については明るくないためlabelコントロールが何を意味しているのか判らないので、そちらには回答できませんが、JavaScriptで質問にあるような動作を得るには、DOMを利用したDHTML的なページとして作成すれば良いのではないかと思います。
下記のようなソースではいかがでしょうか。
<html>
<head>
<script type="text/javascript"><!--
function textout(){
if (document.getElementById){
document.getElementById("output").innerHTML=document.form1.text1.value;
}
}
// --></script>
</head>
<body>
<form name="form1">
<textarea name="text1" cols="50" rows="4"></textarea>
<br>
<input type="button" onClick="textout()" value="出力">
</form>
<div id="output"></div>
</body>
</html>
IE5以降、Netscape6以降、Opera7以降であれば、動作すると思います。
参考になれば。
質問の意味をわかって頂き感謝しております。コーディング例まで本当にありがとうございました。ポイントは時間でつけさせてもらいました。ごめんなさい。
No.2
- 回答日時:
とりあえず私は
入力禁止措置を施し=readonly
スタイルシートを使用してテキストエリアの枠線を0にしています。
こんな感じ。
<INPUT size="20" type="text" name="name" readonly style="border-width : 0px 0px 0px 0px;">
質問の意味をわかって頂き感謝しております。この方法もいいですね。テキストボックスのスタイルを変える事が出来ないか?という質問もしようと思ったのですが、出来そうもないという事であきらめておりました。ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Access(アクセス) Accessテーブルの結合で別々のテーブルのフィールドを組み合わせて値を出す方法について 2 2022/07/20 19:43
- Access(アクセス) Accessのデータ型の日付/時刻型について 2 2023/02/14 07:40
- JavaScript 空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ 1 2022/05/20 11:16
- その他(データベース) 更新クエリをリンクデータベーステーブルに実行し実行時エラー3362固有インデックスに重複する値が含ま 1 2022/09/21 11:44
- Access(アクセス) Accessテキストボックス内に2つのフィールドの値を比較して大きい方の値を表示させる方法 1 2022/09/09 10:50
- JavaScript javaScriptで画面に値を入れるには 1 2022/08/14 12:27
- その他(プログラミング・Web制作) 【GAS】Gmail本文をブラウザ表示された状態でPDFにしたいです 1 2022/12/12 09:54
- gooブログ Twitterの動画画面をgooブログに埋め込めない 4 2022/06/03 16:40
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
キーボードの数字のキーだけを...
-
文末の改行コードを削除したい
-
onClickとsubmitの処理順序
-
return trueとreturn falseの用...
-
追加ボタンを押した際に ok ボ...
-
チェックボックスのON/OFFでVal...
-
<form action="#">の意味とは?
-
jQuery セレクトボックスで選択...
-
フォームが空欄の時にフォーム...
-
【jQuery】input nameの文字列...
-
新しくフォルダを作成したい
-
javascriptの値をformのinput h...
-
正規表現で複数マッチ条件で悩...
-
マイナスなら赤字で表示したい...
-
チェックボックスの設定
-
ラジオボタンでポップアップメ...
-
javascriptで画像の移動
-
特定<table>内の<td>の色を変える
-
テーブルで複数行をまとめて非...
-
子ウィンドウを閉じるとき、親...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onClickとsubmitの処理順序
-
テキストボックス入力を半角英...
-
PDFフォームで条件つき金額を表...
-
フォームの値が0だったら空白...
-
javascriptで入力フォームが空...
-
条件により、リンク先に画面遷...
-
フォームから入力すると、入力...
-
VBScriptで未入力のチェック(...
-
日付入力欄の表示形式を自動的...
-
Javascriptが機能せず原因が分...
-
submit後、同じ入力欄に戻らせ...
-
テキストフィールドに入力した...
-
JSPとJavaScriptの連携について...
-
最初の入力を判断
-
イベント発生時に入力待ち状態...
-
過去日付、年の切り替え
-
カレンダーをテキストエリアに...
-
入力した文字を大文字に変換し...
-
リンククリック → テキスト自...
-
javascriptで入力禁止文字をチ...
おすすめ情報