【前言】
今天给学生补充了下控件类型和属性
【主体】
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>控件补充</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
.area{
width: 600px;
height: 40px;
border: 1px solid red;
}
.area span{
color: red;
display: none;
}
.area span.act{
display: inline-block;
}
input[name="mi_ma"]{
}
</style>
</head>
<body>
<!--
text-文本
password-密码
radio-单选
checkbox-多选
tel-手机号
number-数字
date-日期
file-文件域
button-按钮
submit-提交按钮
reset-重置表单清空
image-图片
email-邮箱
hidden-隐藏域
-->
<!--
input中的属性
type-规定控件类型
required="required"-必选字段
autofocus="autofocus"-自动聚焦
checked ="checked"-按钮的默认选择
disabled="disabled"-石化(变色)
maxlength="n"-最大字符
name=""-定义 input 元素的名称(属性选择器)
placeholder-提示语
readonly="readonly"-只读()不变色
value-默认值
-->
<form>
<input id="pwd" type="text" required="required" autofocus="autofocus" maxlength="6" name="mi_ma">
<input type="submit" name="">
</form>
</body>
</html>
.