HTML5表单属性(三)
2016-03-29 11:01
537 查看
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<form>
用户:
<input type="text" name="user">
<br />
密码:
<input type="password" name="password">
</form>
<p>
请注意,当您在密码域中键入字符时,浏览器将使用项目符号来代替这些字符。
</p>
<p>复选框</p>
我喜欢自行车:
<input type="checkbox" name="Bike">
<br />
我喜欢汽车:
<input type="checkbox" name="Car">
<p>单选按钮</p>
男性:
<input type="radio" checked="checked" name="Sex" value="male" />
<br />
女性:
<input type="radio" name="Sex" value="female" />
<p>按钮</p>
<input type="button" value="Hello world!">
<p>无序列表</p>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
<p>有序列表</p>
<ol>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ol>
<p>嵌套列表</p>
<ul>
<li>咖啡</li>
<li>
茶
<ul>
<li>红茶</li>
<li>
绿茶
<ul>
<li>中国茶</li>
<li>非洲茶</li>
</ul>
</li>
</ul>
</li>
<li>牛奶</li>
</ul>
<p>meter标签定义度量衡.仅用于已知最大和最小值的度量</p>
<meter min="0" max="20" value="15"></meter>
<p>
optgroup标签定义选项组.此元素允许您组合选项.当您使用一个长的选项列表时,对相关的选项进行组合会使处理更加容易.
</p>
<select>
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<form>
用户:
<input type="text" name="user">
<br />
密码:
<input type="password" name="password">
</form>
<p>
请注意,当您在密码域中键入字符时,浏览器将使用项目符号来代替这些字符。
</p>
<p>复选框</p>
我喜欢自行车:
<input type="checkbox" name="Bike">
<br />
我喜欢汽车:
<input type="checkbox" name="Car">
<p>单选按钮</p>
男性:
<input type="radio" checked="checked" name="Sex" value="male" />
<br />
女性:
<input type="radio" name="Sex" value="female" />
<p>按钮</p>
<input type="button" value="Hello world!">
<p>无序列表</p>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
<p>有序列表</p>
<ol>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ol>
<p>嵌套列表</p>
<ul>
<li>咖啡</li>
<li>
茶
<ul>
<li>红茶</li>
<li>
绿茶
<ul>
<li>中国茶</li>
<li>非洲茶</li>
</ul>
</li>
</ul>
</li>
<li>牛奶</li>
</ul>
<p>meter标签定义度量衡.仅用于已知最大和最小值的度量</p>
<meter min="0" max="20" value="15"></meter>
<p>
optgroup标签定义选项组.此元素允许您组合选项.当您使用一个长的选项列表时,对相关的选项进行组合会使处理更加容易.
</p>
<select>
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
</body>
</html>
相关文章推荐
- HTML5实现图片压缩上传功能
- 节日来了发个HTML5红包
- 使用 HTML5 WebSocket 构建实时 Web 应用
- 第六次HTML5
- HTML5与CSS3基础(五)
- HTML5 WebSockets 总结
- 关于h5游戏随笔
- html5视频问题
- h5 canvas(toDataURL)实现将图片与文字结合
- 我的h5最佳实践
- Html5 web worker 的总结
- HTML5来了,7个混合式移动开发框架
- 提升HTML5的性能体验系列之一 避免切页白屏
- 一个html5的小游戏
- 利用 chrome 做本地HTML5全屏应用
- 使用Flexible实现手淘H5页面的终端适配
- artEditor增加h5拍照上传图片
- HTML5表单属性(二)
- HTML5必须知道的那些事
- html5-menu