HTML 表单2
2016-01-11 12:49
525 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表单元素</title>
</head>
<body>
<form action="http://www.baidu.com">
<input type="text" list="act" required>
<br>
<input type="password" placeholder="请输入密码">
<br>
<input type="serch">
音乐:<input type="checkbox" name="music" value="1">
体育:<input type="checkbox" name="sport" value="3">
<input type="color" name="color">
<button>提交</button>
</form>
<datalist id="act">
<option>第一个</option>
<option value="10">第二个</option>
<option value="20">第三个</option>
<option>第五个</option>
<option value="102" label="香蕉">
</datalist>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>表单元素</title>
</head>
<body>
<form action="http://www.baidu.com">
<input type="text" list="act" required>
<br>
<input type="password" placeholder="请输入密码">
<br>
<input type="serch">
音乐:<input type="checkbox" name="music" value="1">
体育:<input type="checkbox" name="sport" value="3">
<input type="color" name="color">
<button>提交</button>
</form>
<datalist id="act">
<option>第一个</option>
<option value="10">第二个</option>
<option value="20">第三个</option>
<option>第五个</option>
<option value="102" label="香蕉">
</datalist>
</body>
</html>
相关文章推荐
- HTML表单
- 1.5.5 HTML表单处理
- TextView中的HTML进行图文混排
- HTML实例
- Html基础
- html meta 元素
- html标签
- HTML中转义字符如何处理,常见的转义字符有哪些?
- 【html】What is href=“#” and why is it used?
- HTML-嵌入
- html标签meta的用法
- html乱码原因与网页与网页乱码解决方法
- 关于获得html页面的坐标
- 燕十八---HTML标签学习
- 【B/S】HTML初接触
- 【HTML/XML 4】实例分析HTML和XML的不同
- 【HTML/XML 4】实例分析HTML和XML的不同
- vs2015打开cshtml文件失败的解决方法
- HTML游戏—爱心鱼
- HTML DOM 学习总结