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>
htmlradio的text出不来<h1>The Starbuzz Bean Machine</h1>
<h2>Fill out the form below and click submit to order</h2>
<form action="starbuzzcoffee/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>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。