详细见代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表单中其他元素</title>
<style type="text/css">
div {
display: table-row;
}
</style>
</head>
<body>
<!-- fieldset和legend将公共元素组织在一起 -->
<fieldset id="">
<legend>Condiments</legend>
<input type="checkbox" name="spice" id="" value="" />
Salt <br>
<input type="checkbox" name="" id="" value="" />
Pepper <br>
<input type="checkbox" name="" id="" value="" />
Garlic <br>
</fieldset>
<!-- password 输入的文本会加掩码,若表单中需要输入口令,密码或者其他敏感信息.这个元素很有用
但是表单数据并不会采取一种安全的方式从浏览器发送到服务器脚本.-->
<div>
<p>密码:
<input type="password" name="sercet" id="" value="" />
</p>
</div>
<!-- 文件输入:需要向服务器脚本发送整个文件,可以使用input元素.类型设置为file,使用这个元素的前提是必须使用POST方法 -->
<div>
<input type="file" name="doc" id="" value="" />
</div>
<!-- 多选菜单
1.这不是一个元素,是使用一致元素的一种新方法.若为select元素增加布尔属性multiple,就会把你的单选菜单变成一个多选的
菜单.不再显示一个下拉式菜单,你会得到一个多选菜单,在屏幕上显示所有选项(若选项太多还会有一个滚动条).选择时候,同时按下
ctrl或command键,可以选择多个选项.
-->
<br>
<select name="characters" multiple="">
<option value="Buckaroo">Buckaroo Banzai</option>
<option value="Tommy">Perfect Tommy</option>
<option value="Penny Priddy">Penny</option>
<option value="New Jesey">Jersey</option>
<option value="John Parker">John</option>
</select>
<!-- Placeholder
表单中大多数不同类型的 input元素都可以使用placeholder属性,这回为填写表单的人提供一个提示,让他了解
你希望这个控件中输入什么内容.例如如果你希望在一个文本域中得到名和姓,可以使用placeholder属性提供一个姓和名的示例.
这个属性的值会显示在控件中,但是比增加到控件的正常内容要浅一些,一旦单击这个文本域,占位文本就会消失,所以不会与
你输入的内容混杂一起.
-->
<br>
<br>
<br>
<br>
<div>
placeholder: <input type="text" name="" id="" value="" placeholder="Bucharoo Banzai" />
</div>
<!-- required: 这个属性可以用于任何表单控件,它指示一个域是必要的,所以对于设置了这个属性的控件
如果没有为这些控件指定一个值,就无法正常提交表单.在支持这个属性的浏览器中,如果没有为有required属性的域指定一个值,
提交表单时候,你会得到一个错误消息,表单不会提交到服务器.
-->
<br>
<br>
<br>
<input type="text" name="" id="" value="" placeholder="Buckaroo Banzai" required=""/>
</body>
</html>