您的位置：首页 > Web前端 > HTML5

HTML5基础13----HTML5表单的创建

2015-07-26 15:36 489 查看

<!DOCTYPE html>
<!--HTML5表单的创建-->
<html>
<head lang="en">
<meta charset="UTF-8">
<title>表单</title>
</head>
<body>
<form>
<!--输入框-->
用户名：
<input type="text">
密 码：
<input type="password">
<br/>
<!--多选框-->
选择你喜欢的水果
<br/>
<input type="checkbox">苹果 <br/>
<input type="checkbox">黄瓜 <br/>
<input type="checkbox">栗子 <br/>
<input type="checkbox">桃子 <br/>
<input type="checkbox">香蕉 <br/>
<!--单选框-->
选择性别
<input type="radio" name="sex">男
<input type="radio" name="sex">女
<br/>
<!--下拉列表-->
<select>
<option>刘备</option>
<option>关羽</option>
<option>张飞</option>
<option>马超</option>
<option>黄忠</option>
</select>
</form>
<!--文本域-->
<textarea cols="30px" rows="30px">请输入文字
</textarea>
<br/>
<!--按钮-->
<input type="button" value="点击">
<!--提交-->
<input type="submit" value="提交">

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航