%div#sample-forms.element
  %h2.element-title Sample Forms
  .markup
    %form{:action => "https://pizza.example.com/order.cgi", :enctype => "application/x-www-form-urlencoded", :method => "post"}
      %p
        %label
          Customer name:
          %input{:name => "custname", :required => ""}/
      %p
        %label
          Telephone:
          %input{:name => "custtel", :type => "tel"}/
      %p
        %label
          E-mail address:
          %input{:name => "custemail", :type => "email"}/
      %fieldset
        %legend Pizza Size
        %p
          %label
            %input{:name => "size", :type => "radio", :value => "small"} Small
        %p
          %label
            %input{:name => "size", :type => "radio", :value => "medium"} Medium
        %p
          %label
            %input{:name => "size", :type => "radio", :value => "large"} Large
      %fieldset
        %legend Pizza Toppings
        %p
          %label
            %input{:name => "topping", :type => "checkbox", :value => "bacon"} Bacon
        %p
          %label
            %input{:name => "topping", :type => "checkbox", :value => "cheese"} Extra Cheese
        %p
          %label
            %input{:name => "topping", :type => "checkbox", :value => "onion"} Onion
        %p
          %label
            %input{:name => "topping", :type => "checkbox", :value => "mushroom"} Mushroom
      %p
        %label
          Preferred delivery time:
          %input{:max => "21:00", :min => "11:00", :name => "delivery", :required => "", :step => "900", :type => "time"}/
      %p
        %label
          Delivery instructions:
          %textarea{:maxlength => "1000", :name => "comments"}
      %p
        %button Submit order
        %p