OTO-Ohshima Tamashima Observatory-  Index  Search  Changes  Login

OTO - Ohshima Tamashima Observatory- - haml_input Diff

  • Added parts are displayed like this.
  • Deleted parts are displayed like this.

htmlの簡易記法であるhamlに慣れるための練習(imputメソッド)

<<<
%form{:method => "POST", :action => '/comment'}
  %input{:type => "hidden", :name => "_method", :value => "PUT"}
  %table
    %tr
      %td 名前
      %td
        %input{:type => "text", :name => "name"}
    %tr
      %td タイトル
      %td
        %input{:type => "text", :name => "title"}
    %tr
      %td 内容
      %td
        %textarea{:name => "message", :cols => 60, :rows => 8}
    %tr
      %td ラジオボタン
      %td
        %input{:type=> "radio", :name=> "sgnm", :value=>"p"} +
        %input{:type=> "radio", :name=> "sgnm", :value=>"pm", :checked=>"checked" } ±
        %input{:type=> "radio", :name=> "sgnm", :value=>"m"} -
    %tr
      %td チェックボックス
      %td
        %input{:type=> "checkbox", :name=> "sentaku", :value=>"A"}A
        %input{:type=> "checkbox", :name=> "sentaku", :value=>"B"}B
        %input{:type=> "checkbox", :name=> "sentaku", :value=>"C"}C
        %input{:type=> "checkbox", :name=> "sentaku", :value=>"D"}D


    %tr
      %td
      %td
        %input{:type => "submit"}

- @comments.each do |comment|
  .comment
    %h2= h comment.title
    .info
      %span.name== by #{h comment.name}
      %span.date== (#{h comment.date})

    .message
      = comment.formatted_message
>>>

次の画面のようになる。
[[ブラウザーによる表示|/catalogue/views/renshu_imput.gif]]


----
[[技術的な覚書き]]へ戻る

[[OTO-Ohshima Tamashima Observatory-]]トップへ戻る

{{counter}}