<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form action="index.html" method="post">
<!--post比get安全,get是地址提交,poset是请求头提交-->
<p>用户名:
<input type="text" />
</p>
<p>密码:
<input type="password" />
</p>
<p>年龄
<input type="number" name="age" min="1" max="201" value="20" />
</p>
<!--step="3" 每调一个3个刻度-->
邮件地址:
<p>
<input type="email" name="email" />
</p>
<!--没有@不让提交-->
<p>星期:
<input type="week" />
</p>
<p>日期:
<input type="date" />
</p>
<p>性别
<label>
<input type="radio" name="gender" value="1" />男</label>
<label>
<input type="radio" name="gender" value="2" />女</label>
</p>
<p>爱好
<label>
<input type="checkbox" name="hobby" value="1" />吃</label>
<!--别写成lable-->
<label>
<input type="checkbox" name="hobby" value="2" />喝</label>
<label>
<input type="checkbox" name="hobby" value="3" />玩</label>
<label>
<input type="checkbox" name="hobby" value="4" />乐</label>
</p>
<select>
<option value="">北京</option>
<option selected="selected" value="">天津</option>
<option value="">上海</option>
<option value="">重庆</option>
</select>
<p>
<input type="file" name="fileUpload" />
</p>
<p>
<textarea name="content" id="ta" cols="6" rows="5">
<> "
<!--双引号-->
<!--空格-->
©
<!--版权符号-->
</textarea>
</p>
<!--cols 列 rows 行-->
<p>
<input type="button" value="登录" />
<!--value是显示的值-->
<input type="submit" value="提交" />
<input type="reset" value="重置" />
<input type="image" src="img2/page6.jpeg" width="50" />
<button>提交</button>
</p>
</form>
</body>
</html>
HTML5基础(七)
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 一 : 科普一分钟 //其实我有很多奇思妙想的点子,被困在脑海中,往往这就是学习的动力开发的时候有很多好看绚丽的...
- 今天来分享一个制作简单七巧板的方法(图片如图): 代码如下: 首先在body中间写四个div,在对其设置样式如下:...