form{
width: 100%;
/* 最大宽度*/
max-width: 640px;
/* 最小宽度*/
min-width: 320px;
margin:0 auto;
font-family: "Microsoft Yahei";
font-size: 20px;
}
input{
display: block;
width: 100%;
height:30px;
margin:10px 0;
}
</style>
</head>
<body>
placeholder:提示文字（占位符）
autofocus:自动获取焦点
autocomplete: 自动完成（填充的） on 开启（默认） off 取消自动提示
required: 必填
multiple: 多选
novalidate:关闭默认的验证功能（只能加给form）
pattern: 自定义正则验证
pattern="1\d{10}"
<!--<form action="" novalidate>-->
<form action="" >
<fieldset>
<legend>表单属性</legend>
<label for="">
用户名：<input type="text" placeholder="例如：李狗蛋" autofocus name="userName" autocomplete="on" required/>
</label>
<label for="">
电话：<input type="tel" pattern="1\d{10}" />
</label>
<input type="file" name="file" multiple/>
<input type="submit" />
</fieldset>
</form>
表单属性
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 属性类 $valid ng-valid Boolean 告诉我们这一项当前基于你设定的规则是否验证通过 $inva...
