teratail
回答率
85.47%
質問するログイン新規登録

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

新規登録して質問してみよう
ただいま回答率
85.47%
トップHTMLに関する質問
HTML

HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

1回答

683閲覧

IE フォーム入力ができません

alt9
alt9

総合スコア10

HTML

HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2018/09/30 04:52

編集2018/09/30 09:24

0

0

前提・実現したいこと

IEでのフォーム入力ができません

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

<!doctype html>
<html lang="ja">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta name="description" content="AAA">
  <meta name="keywords" content="AAA, openfeint, free games">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, viewport-fit=cover">
  <meta name="apple-mobile-web-app-capable" content="no">
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="address=no">
  <link rel="apple-touch-icon-precomposed" href="http://aaaa...">
  <title>AAA</title>
  <link rel="canonical" href="http://aaaa...">
  <link rel="shortcut icon" type="image/x-icon" href="http://aaaa...">
      <link rel="stylesheet" href="http://aaaa..." type="text/css">
    <link rel="stylesheet" href="http://aaaa..." type="text/css" >
    </head>

<body>
  <div id="glContr" class="glContr">
            <div id="AAACommonHeader" class="navWrap"><header class="nav" id="navigation"><div class="contr"><h1 class="navLogo"><a class="logoAAA" href="http://aaaa...">AAA</a></h1></div></header></div>          <div id="subHeader" class="navWrap"></div>
    <div id="modalHeader" class="navWrap" style="display: none;"></div>    <section class="contWrap themeContWrap" id="dataArea">
                          <div id="loading-indicator" class="loadingUnit" style="display: none;"><div class="spr throb24"></div></div>            <div id="content-container" class="contr"></div>
      <div id="popup-container" class="my-popup-vfix" style="display:none;"></div>
          </section>
    <div id="modal-container" class="contr" style="display: none;"></div>
  </div>
  <script type="text/javascript" src"http://aaaa..."></script><script type="text/javascript" src="http://aaaa..."></script><script type="text/javascript" src="http://aaaa...s"></script><script type="text/javascript" src="http://aaaa..."></script><script type="text/javascript" src="http://aaaa..."></script><script type="text/javascript" src="http://aaaa..."></script><script type="text/javascript" charset="utf-8" src="http://aaaa..."></script>  <script src="http://aaaa..."></script>

試したこと

IE.document.forms.elements、IE.document.getElementById、IE.document.getElementsByClassName、IELink、IESETDATAを使用したフォーム入力。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

seastar3
seastar3

2018/09/30 05:26 編集

まず、このWebページの閲覧者としてフォーム入力できないのか、このWebページの開発者としてFormからフィールド内容が操作できないのか、どちらなのかが分かりません。
seastar3
seastar3

2018/09/30 05:26

前者ならプラウザのポップアップ許可や互換性表示などの設定をいじる必要があるでしょうし、後者なら試したことに列記されたJavaScript言語によるgetElementById等のしくみと活用方法を理解する必要があります。
alt9
alt9

2018/09/30 06:01

このWebページの閲覧者として操作ができません。getElementByIdのid箇所が対象ソースのどの箇所になるのかわからず困っています。
m.ts10806
m.ts10806

2018/09/30 07:10

ソースコードはマークダウンのcode機能を使ってください。質問・解説内容とコードとの境目が不明瞭となりますし、code機能では正しくコードをコピペできるようになりインデントもつけられて読みやすくなり、再現確認も容易となりますので、的確な回答が得やすくなります。
seastar3
seastar3

2018/09/30 07:28

formタグそのものが明示されておらずjavascriptのコードも外部参照なのでは、動作を読み取ることができず、残念ながら回答できません。そのjavascriptはエラーチェック用かページアレンジ用かどのような用途のコードでしょうか。
alt9
alt9

2018/09/30 08:43

マークダウンとは記載方法でしょうか。
alt9
alt9

2018/09/30 08:49

formタグは記載がないように思われます。javascripは確認します。
alt9
alt9

2018/09/30 13:21

どの箇所のjavascripを読み取れば良いのか、またその内容についても理解できていません。
m.ts10806
m.ts10806

2018/09/30 13:43

inputタグがないので入力できないのは当然ですね。結局何をどうしたいのでしょうか。要件が他人に伝わっていないため回答が得られないということなので、より具体的にゴールを記載してください。
seastar3
seastar3

2018/09/30 13:45

フォームに入力して送信ないしOKボタンを押すと、現状はどうなるのですか？結局どうなって欲しいのですか？
m.ts10806
m.ts10806

2018/09/30 13:45

あと細かいですが「JavaScript」です。大文字はいいとしてtが抜けています。一字でも違えばプログラムは動かなくなりますので表記には注意してください
alt9
alt9

2018/09/30 13:53

タイトルにも書いてますがフォームへの入力が希望です。現状はフォームへの入力ができていません。
yoshinavi
yoshinavi

2018/10/02 05:06

＞formタグは記載がないように思われます。　→　「formタグ」等が無ければ、入力や閲覧も出来ません。まずは「seastar3」さんの回答や、参考となるサイト等をもとに、「formタグ」を追加されてはどうですか？
guest

回答1件

0

提示されたコードにフォームが全く出ていないのですが、お考えのフォーム入力とは、下にhtmlコードを示した拙作の「反応するホームページ」のような動作をしたいことではないのでしょうか。
ここでフォームはJavaScriptで操作していますが、POST送信やGET送信を介してサーバ側のPerl等のCGIプログラムやPHP等のWebプログラムに受け取らせて処理することもあります。
HTMLのFORMタグ、INPUTタグ関係の解説ページで勉強していきましょう。

kotaerupage1.html

html
1<html>
2<head>
3<title>
4反応するホームページ
5</title>
6<meta http-equiv="Content-Type" content="text/html: charset=UTF-8">
7<script language="JavaScript">
8<!--
9
10iroban=new Array();
11iroban[0]="#ccffff"; //  水　色
12iroban[1]="#ffccff"; //  桃　色
13iroban[2]="#99ff99"; //  黄緑色
14iroban[3]="#ffffcc"; //  クリーム色
15
16function rdoiro_changed(){
17  var flag = 1; 
18  var i; 
19  for(i = 0; i < 4; i ++){ 
20    if(document.f1.rdoiro[i].checked){ 
21      flag = 0; break; 
22    }
23  }
24//  alert(document.f1.rdoiro[i].value);
25  document.bgColor=iroban[i];
26}
27
28
29function btnJikkou_onClick(){
30  var kotae = 5000;
31  kotae = document.f1.slctChuumon.value * document.f1.txtKosuu.value;
32  if(document.f1.chkZei.checked)  kotae=kotae*1.05;
33  document.getElementById("divKotae").innerHTML = 
34     "<font size=8 color=&ldquo#9999ff&ldquo><center>" + "ご注文金額は " 
35     + kotae + " 円です。</center></font>";
36}
37
38//-->
39</script>
40</head>
41<body bgcolor="#ffffcc">
42  <center>
43  <h1>
44  双方向（インタラクティブ）のホームページ<br>
45  </h1>
46  </center>
47  <br>
48  <form name="f1" id="f1">
49　　背&nbsp景&nbsp色&nbsp選&nbsp択：
50  <input name="rdoiro" id="rdoiro" type="radio" value="0" checked onClick="rdoiro_changed();" >
51水　色　　
52  <input name="rdoiro" id="rdoiro" type="radio" value="1" onClick="rdoiro_changed();" >桃　色　　
53  <input name="rdoiro" id="rdoiro" type="radio" value="2" onClick="rdoiro_changed();" >黄緑色　　
54  <input name="rdoiro" id="rdoiro" type="radio" value="3" onClick="rdoiro_changed();" >クリーム色<br>
55  <br>
56  <div name="divKotae" id="divKotae"></div>
57  <br>
58　　注&nbsp文&nbsp選&nbsp択&nbsp&nbsp：
59  <select id="slctChuumon">
60    <option value="500">オムライス</option>
61    <option value="800">ハンバーグランチ</option>
62    <option value="600">スパゲッティー</option>
63    <option value="700" >カツ丼</option>
64  </select>
65  <br>
66  <br>
67　　　個　　数　　：&nbsp&nbsp&nbsp<input id="txtKosuu" type="text" size="5" value="1" >&nbsp個<br>
68  <br>
69　　税込みチェック：<input name="chkZei" type="checkbox" value="bumbougu"><br>
70  <br>
71　　　　<input id="btnJikkou" type="button" value="合図ボタン" onClick="btnJikkou_onClick();" >　　　　
72  <input type="reset" value="元通りボタン" onClick="location.reload();">
73  <br>
74  <br>
75　　<input type="button" value="前のページへ戻る" onclick="history.back()">
76</form>
77
78</body>
79</html>

投稿2018/09/30 14:54

seastar3
seastar3

総合スコア2285

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.47%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

トップHTMLに関する質問

IE フォーム入力ができません