<form method="POST" action="/editor">

    <div class="gakuseki">
    <h3>学籍番号</h3>
    <input type="text" name="name" class="inputArea" rows="1" cols="2" width="5%"
    onblur="coloeSet(this)"
    onfocus="colorReset(this)"
    oninput="textAreaHeightSet(this)"
    onchange="textAreaHeightSet(this)"
    >
    </div>

<input type="checkbox" class="openSidebarMenu" id="openSidebarMenu">
  <label for="openSidebarMenu" class="sidebarIconToggle">
    <p class="btn-gradient-3d-orange">error</p>
  </label>

  <div id="sidebarMenu">
  <p>出ているエラー文の詳細(クリックでリンクへ飛びます)</p>
  </div>


<div class="mondai">
<h1>問題</h1>
<h2><span class="que"><%=@question%></span></h2>
</div>

<div class="edit">
     <h2><span class="waku1">プログラム入力画面</span></h2>
      <textarea name="codes" id="tab" class="editor" rows="14" cols="29" 
      placeholder="プログラムを入力してください"><%= @codes%></textarea>
</div>

<div class="tab-wrap">

 <input id="TAB-01" type="radio" name="TAB" class="tab-switch" checked="checked" />
      <label class="tab-label" for="TAB-01">出力結果</label>
      <div class="tab-content">
            <div class="ex">
            <h2><span class="waku1">出力結果</span></h2>
            <textarea name="codes" id="tab" class="editor" rows="14" cols="29"
            placeholder="ここに出力結果" >
            <%= @less%><%= @stderr%>
            </textarea>
            </div>
      </div>

 <input id="TAB-02" type="radio" name="TAB" class="tab-switch" />
      <label class="tab-label" for="TAB-02">出力例</label>
      <div class="tab-content">
            <div class="text_example">
            <h2>出力例</h2>
            <textarea name="codes" id="tab" class="editor" rows="14" cols="29" 
            placeholder="ここに出力例"><%= %></textarea>
            </div>
      </div>
</div>


<div class="read">
<h2 class="sen1">メソッド・想定の説明</h2>
<h3 class="method"><%=@comment_teacher%></h3>
</div>

<div class="send">
      <input type="submit" class="button">
</div>
</form>