HTML 編碼規範之布林型屬性
阿新 • • 發佈:2018-11-14
布林屬性:
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>