<span>7-表单2</span>
文本域(多行文本框)
<textarea>元素用来创建多行文本框。与其他input元素不同,<textarea>元素并非空元素,因此它包含起始标签和结束标签。
页面加载时,在起始标签<textarea>和结束标签</textarea>之间出现的所有文本将显示在相应的文本框里。
如果用户没有删除位于两个标签之间的文本,那么这个预设的消息将会与用户输入的内容一并发送到服务器(有些网站在用户单击文本域时利用JavaScript自动将这些清楚)。
如果你正在创建一个新表单,应该使用CSS来控制<textarea>元素的宽度和高度。但如果你正在查看旧代码,就可能看到用于<textarea>元素的co1s特性和rows特性。
co1s特性指定文本域有多宽(以字符的数量来衡量)。rows特性指定文本域在纵向上占据的行数。
eg:
<html>
<body>
<form action="http://www.example.com/comments.php">
<p>
What did you think of this qiq?
</p>
<textarea name="comments">
Enter your comments ...
</textarea>
</form>
</body>
</html>
效果如下图:
单选按钮
<input>
type="radio"
单选按钮只让用户从一系列按钮中选择其中一个。
name
name特性与用户所选择选项的值一同发送到服务器。当一个问题以单选按钮的形式给用户提供了一系列答案时,用来回答这个问题的所有单选按钮的name特性值都应该相同。
value
value特性为选项指定了被选中时要发送到服务器的值。同一组中的每个按钮的值应该各不相同(这样服务器才知道用户选择了哪个选项)。
checked
checked特性可用来指定当页面加载时哪个值(如果有的话)会被选中。这个特性的值为checked,同一组中的单选按钮只能有一个使用此特性。
注意:一旦选中了某个单选按钮,便不能取消选中,用户只能选择另一个选项。如果只为用户提供了一个选项并且允许他们取消选中(例如,他们是否表示同意某些条款和协议),那么你应该改用一个复选框来完成此功能。
eg:
<html>
<body>
<form action="http://www.example.com/profile.php"></from>
<p>
Please select your favorite genre:
<br />
<input type="radio" name="genre" value="rock" checked="checked" />Rock
<input type="radio" name="genre" value="pop" />Pop
<input type="radio" name="genre" value="jazz" />Jazz
</p>
</form>
</body>
</body>
</html>
效果如下图:
复选框