1. 程式人生 > >HTML 編碼規範之布林型屬性

HTML 編碼規範之布林型屬性

布林屬性:    

XHTML 規範要求為布林型屬性賦值,到了HTML5,一切化繁為簡。HTML5 規範規定:元素的布林型屬性如果有值,就是 true,如果沒有值,就是 false。因此,在宣告布林型屬性時,不用賦值。

 

我們可以看到<input>標籤當時單選框的時候(radio),可以直接用checked表示預先初始選中的按鈕。當然也可以checked="everything you can put into".

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>The Starbuzz Bean Machine</title>
  </head>
  <body>

    <h1>The Starbuzz Bean Machine</h1>
    <h2>Fill out the form below and click submit to order</h2>
    <form action="http://starbuzzcoffee.com/processorder.php" method="POST">
      <p>
        Choose your beans:
        <select name="beans">
          <!--value定義送往伺服器的選項值
          瀏覽器將表單元素的名和值打包時,它會使用<select>元素的名和所選選項的值
          . 如果選擇Bolivia選項,則瀏覽器會向伺服器傳送beans="Bolivia"-->
          <option value="House Blend">House Blend</option>
          <option value="Boliva">Shade Grown Boliva Supremo</option>
          <option value="Guatemala">Organic Guatemala</option>
          <option value="Kenya">Kenya</option>
        </select>
      </p>
      <p>
        Type: <br>
        <!-- name一樣,同組的所有單選框都有相同的名字, value是將要傳送到伺服器指令碼
        的值。只會提交表單時傳送選中的那個單選按鈕的值-->
        <input type="radio" name="beantype" value="whole"> Whole bean<br>
        <!--checked屬性規定在頁面載入時應該被預先選定的input元素-->
        <input type="radio" name="beantype" value="ground" checked> Ground
        <!--
          <input type="radio" name="beantype" value="ground" checked="checked">Ground
        -->
      </p>
      <p>Ship tp: <br>
        Name: <input type="text" name="name"> <br>
        Address: <input type="text" name="address"> <br>
        City: <input type="text" name="city"> <br>
        State: <input type="text" name="state"> <br>
        Zip: <input type="text" name="zip"> <br>
        Phone: <input type="tel" name="phone"> <br>
      </p>
      <p>
        <!--value屬性為這個輸入域提供預設文字-->
        <input type="submit" value="Order Now">
      </p>
    </form>
  </body>
</html>