今天学的不多,就只学了表单元素中的input和label标签。搬了房子,收拾了一下东西,太累了,所以没有学很多。明天还上班,今天就先到这。
一、input
input标签type属性有以下几个:
text、password、textarea、radio、checkbox、button、submit、reset
按钮
1、<input type="button" value="确定">
2、<input type="submit" > 提交
3、<input type="reset" > 重置
二、label标签
checked默认被选择;radio单选name属性必须一致。
<input type="radio" name="sex" >女</label>
复选框也如同
<input type="checkbox" >10天内免登陆</label>
所有表单元素都有label,label标签作用于选择框和文字,简言之,就是用户点击选择框和文字都可以选择内容
下面是小练习,没有添加样式,有点丑。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单元素</title>
</head>
<body>
<div>
用户名:<input type="text"><br/><br/>
密 码:<input type="password"><br/><br/>
性 别:<input type="radio" name="sex" >
</div>
</body>
</html>
运行效果: